详解js获取url参数值的方法


本文摘自PHP中文网,作者coldplay.xixi,侵删。

js获取url参数值的方法

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

hash:设置或返回从井号 (#) 开始的 URL(锚)。

host:设置或返回主机名和当前 URL 的端口号。

hostname:设置或返回当前 URL 的主机名。

href:设置或返回完整的 URL。

pathname:设置或返回当前 URL 的路径部分。

port:设置或返回当前 URL 的端口号。

protocol:设置或返回当前 URL 的协议。

search:设置或返回从问号 (?) 开始的 URL(查询部分)。

js获取url参数值的方式

一个参数:

1

2

var test =window.location.href;

var 参数=test.split("?参数=")[1];

多个参数:

方式一:

1

2

3

4

5

6

7

8

9

10

function GetQueryString(name) {

  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

  var context = "";

  if (r != null)

     context = r[2];

  reg = null;

  r = null;

  return context == null || context == "" || context == "undefined" ? "" : context;

}

调用方法:

1

2

3

var 参数1 = GetQueryString['参数1'];

var 参数2 = GetQueryString['参数2'];

var 参数3 = GetQueryString['参数3'];

方式二:

1

2

3

4

5

6

7

8

9

10

11

12

function GetRequest() {

var url = location.search; //获取url中"?"符后的字串

var theRequest = new Object();

if (url.indexOf("?") != -1) {

var str = url.substr(1);

strs = str.split("&");

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

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

}

}

return theRequest;

}

调用方法:

1

2

3

4

5

6

7

var Request = new Object();

Request = GetRequest();

var 参数1,参数2,参数3,参数N;

参数1 = Request['参数1'];

参数2 = Request['参数2'];

参数3 = Request['参数3'];

参数N = Request['参数N'];

推荐教程:《JS教程》

以上就是详解js获取url参数值的方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

js将函数赋值给变量后该怎么使用

js递归的用法详解

js对用户输入的内容做邮箱验证的方法

如何利用js实现水平移动与垂直移动效果

js中隐藏元素用什么方法

如何实现ajax请求?

js中行内style怎么写?

带你了解js中[]、{}、()区别(详解)

网站对联广告js代码分享

js如何实现滑动门效果

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...