首页 > 代码库 > 为什么 window.location.search 为空?

为什么 window.location.search 为空?

2024-08-15 04:08:09   216人阅读

1，什么是window.location？示例

URL：http://b.a.com:88/index.php?name=kang&when=2011#first

属性含义值
protocol:协议"http:"
hostname:服务器的名字"b.a.com"
port:端口"88"
pathname:URL中主机名后的部分"/index.php"
search:"?"后的部分，又称为查询字符串"?name=kang&when=2011"
hash:返回"#"之后的内容"#first"
host:等于hostname + port"b.a.com:88"
href:当前页面的完整URL"http://www.a.com:88/index.php?name=kang&when=2011#first"

window.location和document.location互相等价的，可以交换使用

location的8个属性都是可读写的，但是只有href与hash的写才有意义。例如改变location.href会重新定位到一个URL，而修改location.hash会跳到当前页面中的anchor(<a id="name">或者<div id="id">等)名字的标记(如果有)，而且页面不会被重新加载

注意
URL：http://b.a.com:88/index.php?name=kang&how=#when=2011#first

search:"?name=kang&how="     第一个"?"之后
hash:"#when=2011#first"        第一个"#"之后的内容
2，为什么 window.location.search 为空?
答：注意上面的search和hash的区别，如果URL中“？”之前有一个“#”比如：“http://localhost:63342/index.html#/version？type=35&id=5”那么使用window.location.search得到的就是空（“”）。因为“？type=35&id=5”串字符是属于“#/version？type=35&id=5”这个串字符的，也就是说查询字符串search只能在取到“？”后面和“#”之前的内容，如果“#”之前没有“？”search取值为空。
3，应用
 1 //获取url参数 2 function GetQueryString (name) 3 { 4     var after = window.location.hash.split("?")[1]; 5     if(after) 6     { 7         var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 8         var r = after.match(reg); 9         if(r != null)10         {11             return  decodeURIComponent(r[2]);12         }13         else14         {15             return null;16         }17     }18 }

 

为什么 window.location.search 为空?


联系
我们