JavaScript Window Location
Posted lingwang3
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript Window Location相关的知识，希望对你有一定的参考价值。
1.javascript Window Location
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
1.1Window Location
window.location 对象在编写时可不使用 window 这个前缀。 一些例子：
一些实例:
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 （80 或 443）
- location.protocol 返回所使用的 web 协议（http:// 或 https://）
1.2Window Location Href
location.href 属性返回当前页面的 URL。
返回（当前页面的）整个 URL：
<script>
document.write(location.href);
</script>
1.3Window Location Pathname
location.pathname 属性返回 URL 的路径名。
<script>
document.write(location.pathname);
</script>
1.4Window Location Assign
location.assign() 方法加载新的文档。
<html> <head> <script> function newDoc() { window.location.assign("http://www.w3cschool.cc") } </script> </head> <body> <input type="button" value="Load new document" onclick="newDoc()"> </body> </html>
2.JavaScript Window History
window.history 对象包含浏览器的历史。
2.1Window History
window.history对象在编写时可不使用 window 这个前缀。
为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。
一些方法：
- history.back() - 与在浏览器点击后退按钮相同
- history.forward() - 与在浏览器中点击向前按钮相同
2.2Window History Back
history.back() 方法加载历史列表中的前一个 URL。
这与在浏览器中点击后退按钮是相同的：
<html> <head> <script> function goBack() { window.history.back() } </script> </head> <body> <input type="button" value="Back" onclick="goBack()"> </body> </html>
以上是关于JavaScript Window Location的主要内容，如果未能解决你的问题，请参考以下文章
javascript里面window.open()里面传递带参数的页面怎么写？
Arison [JS]window.location获取url各项参数详解
window.location.href=window.location.href 和 window.location.reload() 的区别