位置: IT常识 - 正文
window.location对象详解(windows. location)
编辑：rootadmin推荐整理分享window.location对象详解(windows. location)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:window.location对象的属性,window.location的属性,window.location.replace,window.location有哪些值,window.location对象的属性,window.location有哪些值,window.location对象的属性,window.location有哪些值,内容如对您有帮助，希望把文章链接给更多的朋友！
window.location 对象不仅可以获得当前页面的地址 (URL)，还能够将浏览器重定向到新的页面。
打开chrome的调试工具，在Console一栏中输入window.location，出现如下图所示（包含location的多个属性）：
1、window.location对象常用属性接下来以http://www.myurl.com:8866/test?id=123&username=xxx作为栗子，介绍一下location的常用属性：
1.1 window.location.href（当前URL）返回当前页面的 URL
http://www.myurl.com:8866/test?id=123&username=xxx1.2 window.location.protocol（协议）http:1.3 window.location.host（域名 + 端口）www.myurl.com:88661.4 window.location.hostname（域名）www.myurl.com1.5 window.location.port（端口）88661.6 window.location.pathname（路径部分）/test1.7 window.location.search（请求的参数）返回?后面部分（包含?）
?id=123&username=xxx1.8 window.location.hash （返回值：#xxx）2、window.location对象常用方法location.assign() 加载一个新的文档,就相当于一个链接，跳转到指定的url
location.reload() 重新加载当前文档，没有参数或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。如果该方法的参数为 true，那么会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。
location.replace() 用一个新文档取代当前文档,不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。
上一篇：蓝色龙舌兰田，墨西哥哈利斯科州龙舌兰酒产区 (© Brian Overcast/Alamy)(蓝色龙舌兰花语)