Javascript 获取链接(url)参数的方法_Javascript教程-查字典教程网
Javascript 获取链接(url)参数的方法
Javascript 获取链接(url)参数的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:方法1:将链接当作字符串,按照链接的格式分解,然后获取对应的参数值。方法2:用正则直接匹配。关键字:parameter参数:location...

方法1:将链接当作字符串 ,按照链接的格式分解,然后获取对应的参数值。

方法2:用正则直接匹配。

关键字:parameter 参数:location.href,url ,链接,javascript

方法1:

分解链接方式:

复制代码 代码如下:

<script type="text/javascript">

function getQueryString(name)

{

// 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空

if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)

{ return ''; }

// 获取链接中参数部分

var queryString = location.href.substring(location.href.indexOf("?")+1);

// 分离参数对 ?key=value&key2=value2

var parameters = queryString.split("&");

var pos, paraName, paraValue;

for(var i=0; i<parameters.length; i++)

{

// 获取等号位置

pos = parameters[i].indexOf('=');

if(pos == -1) { continue; }

// 获取name 和 value

paraName = parameters[i].substring(0, pos);

paraValue = parameters[i].substring(pos + 1);

// 如果查询的name等于当前name,就返回当前值,同时,将链接中的+号还原成空格

if(paraName == name)

{

return unescape(paraValue.replace(/+/g, " "));

}

}

return '';

};

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff

alert(getQueryString('test'));

//-->

</script>

方法2:

用正则匹配方式:

复制代码 代码如下:

<script type="text/javascript">

function getQueryStringRegExp(name)

{

var reg = new RegExp("(^|?|&)"+ name +"=([^&]*)(http://www.jb51.net/file:///s:&%7C$)", "i");

if (reg.test(location.href))

return unescape(RegExp.$2.replace(/+/g, " "));

return "";

};

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff

alert(getQueryStringRegExp('test'));

</script>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类