您现在的位置是：首页 > 领风资讯 > >> 返回

JS代码的window.location属性详解

如果你稍微懂一些JS代码，一般都(dōu)會(huì)知道(dào) window.location.href 這(zhè)个属性。并且用该属性获取页面(miàn) URL 地址：

window.location.href = window.location.href;
其实這(zhè)样弱掉了。其实原生 JavaScript 真是什麼(me)都(dōu)有。

window.location 對(duì)象所包含的属性

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

window.location.hash

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

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

另外 Twitter、Facebook、Google 等已經(jīng)開(kāi)始大量使用 #! 這(zhè)種(zhǒng)形式的 hash 方法处理异步交互页面(miàn)的 URL 可回溯功能(néng)。

window.location.search

如果有這(zhè)样一个 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 脚本捕获页面(miàn) GET 方式请求的参数？其实直接使用 window.location.search 获得，然後(hòu)通過(guò) split 方法结合循环遍历自由组织数据格式。

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