本文摘自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);
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;
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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 详解js获取url参数值的方法