JavaScript获取URL中参数querystring方法的详细说明

1.获取url的querystring参数

有两种方法可以获取url的querystring参数：

1.1方法1:常规匹配

//获取参数函数获取url中的查询字符串(名称){ var reg=new regexp('(|)' name '=([]*)(| $)'，I)；//匹配目标参数var result=window . location . search . substr(1)。match(reg)；//匹配目标参数if (result！=null){ return decodeURIComponent(结果[2])；} else { return null}}对于http://localhost/index.html？Q1=ABC Q2=EFG Q3=h的url，获取Q1参数值的方法如下：

var Q1=GetqueryString(' Q1 ')；//abc1.2方法2:拆分

函数get查询字符串(){ var QS=location . search . substr(1)，//get '？'url中字符串args={}，//保存参数数据项的对象=qs.length？QS . split('):[]，//获取每个参数项，item=null，len=items.lengthfor(var I=0；我透镜；i ) { item=items[i]。split('=')；var name=decodeURIComponent(项[0])，value=decodeURIComponent(项[1])；if(name){ args[name]=value；} }返回参数；}对于http://localhost/index.html？Q1=ABC Q2=EFG Q3=h的url，获取Q1参数值的方法如下：

var QS=GetqueryString()；var Q1=QS[' Q1 ']；//abc可以通过上述两种getQueryString()方法解决获取url的querystring参数的问题。顺便整理一下Location对象，以备将来参考。

二.位置对象的属性

备注：使用http://localhost :80/dir/index . html？Q1=ABC Q2=EFG Q3=h #锚为例：

位置的八个属性都是可读可写的。

其中，更改location.href会跳转到新的URL页面，而修改location.hash会跳转到当前页面中的锚点位置。

每次修改window.location的属性(hash除外)时，页面都会重新加载一个新的URL，并在浏览器历史记录中生成一个新的记录。

3.定位对象的方法

location.assign(url)的效果与下面两行代码的效果完全相同：

window.location=urllocation.href=urllocation.reload()调用后的代码可能会执行，也可能不会执行，这取决于网络延迟或系统资源等因素。因此，最好将location.reload()放在代码的最后一行。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有所帮助。有问题可以留言交流。