为什么 window.location.search 为空?

来源:互联网 发布:mac os x系统镜像下载 编辑:程序博客网 时间:2024/05/10 05:51

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 }

原创粉丝点击