JS怎么获取url参数

2024-03-06

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

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参数”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注本站网站,小编将为大家输出更多高质量的实用文章!

《JS怎么获取url参数.doc》

下载本文的Word格式文档,以方便收藏与打印。