JS代码的window.location属性详解

来源：互联网发布：假人交友app源码编辑：程序博客网时间：2024/06/04 00:43

如果你稍微懂一些JS代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址：

window.location.href = window.location.href;

好吧，我告诉你，这样弱掉了。其实原生 JavaScript 真是什么都有。

window.location 对象所包含的属性

属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分port当前 URL 的端口号protocol当前 URL 的协议search从问号 (?) 开始的 URL（查询部分）

window.location.hash

要使用 JS 定位锚点，完全可以使用 window.hash 配合元素 ID 完成。比如快速定位到页面的某条评论，则直接使用如下代码即可：

window.location.hash = "#comment-5981";

另外 Twitter、Facebook、Google 等已经开始大量使用 #! 这种形式的 hash 方法处理异步交互页面的 URL 可回溯功能。

window.location.search

如果有这样一个 URL 地址：

http://www.google.com.hk/search?hl=zh-CN&source=hp&biw=1400&bih=935&q=%E8%8A%92%E6%9E%9C%E5%B0%8F%E7%AB%99&aq=f&aqi=&aql=&oq=

如何利用 JS 脚本捕获页面 GET 方式请求的参数？其实直接使用 window.location.search 获得，然后通过 split 方法结合循环遍历自由组织数据格式。

另外，如果根据用户的搜索条件刷新页面，只需直接设置 window.location.search 即可。