您的位置:首页 > Web前端 > JavaScript

js获取url传递参数

2016-08-28 19:39 176 查看

引言

         大家在做项目的过程中,很多时候都会将一些参数放到url中,然后在需要的时候去获取,今天小编就来给大家分享一下使用js获取url中的参数并传递的方法。

实例

         废话不说,直接上干货!<span style="font-size:18px;"><Script language="javascript">
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;
}
</script>
</span>

        当我们去取参数的时候,就直接使用下面的代码去调用上面的方法,就能随意获取参数的值了。

<span style="font-size:18px;">var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</span>

补充

         设置或获取对象指定的文件名或路径:alert(window.location.pathname);

         设置或获取整个 URL 为字符串:alert(window.location.href);

         设置或获取 href 属性中跟在问号后面的部分:alert(window.location.search)

总结

        常用的东西,查到了,解决了问题不是目的,目的是将这些知识都变成了自己的。还有一点就是大家可能以为自己将该知识点记住了或者是记上了笔记,但是到用的时候还是会找不到,写到博客里,既帮助了大家,又方便了自己的查阅,这不是一举两得吗!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: