JS怎么获取url参数

本篇内容介绍了“JS怎么获取url参数”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

创新互联建站是专业的南城网站建设公司，南城接单;提供成都网站建设、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行南城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

Location 对象包含有关当前 URL 的信息。

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

hash    设置或返回从井号 (#) 开始的 URL（锚）。
host    设置或返回主机名和当前 URL 的端口号。
hostname    设置或返回当前 URL 的主机名。
href    设置或返回完整的 URL。
pathname    设置或返回当前 URL 的路径部分。
port    设置或返回当前 URL 的端口号。
protocol    设置或返回当前 URL 的协议。
search    设置或返回从问号 (?) 开始的 URL（查询部分）。

用JS获取地址栏参数的方法（超级简单）
function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
     if(r!=null)return  unescape(r[2]); return null;
}
 
// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
下面举一个例子:
 
若地址栏URL为：abc.html?id=123&url=http://www.maidq.com
 
那么，但你用上面的方法去调用：alert(GetQueryString("url"));
 
则会弹出一个对话框：内容就是 http://www.maidq.com
 
如果用：alert(GetQueryString("id"));那么弹出的内容就是 123 啦；
 
当然如果你没有传参数的话，比如你的地址是 abc.html 后面没有参数，那强行输出调用结果有的时候会报错：
 
所以我们要加一个判断 ，判断我们请求的参数是否为空，首先把值赋给一个变量：
 
var myurl=GetQueryString("url");
if(myurl !=null && myurl.toString().length>1)
{
   alert(GetQueryString("url"));
}

“JS怎么获取url参数”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！