window.location

若是你稍微懂一些 JS 代码,通常都会知道 window.location.href 这个属性。而且用该属性获取页面 URL 地址:异步

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

window.location 对象所包含的属性

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

以芒果小站为例,用 window.location.href 得到某个页面参数,获得以下结果:google

window.location.hash

要使用 JS 定位锚点,彻底能够使用 window.hash 配合元素 ID 完成。好比快速定位到页面的某条评论,则直接使用以下代码便可:spa

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

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

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 方法结合循环遍历自由组织数据格式。blog

另外,若是根据用户的搜索条件刷新页面,只需直接设置 window.location.search 便可。hash

相关文章
相关标签/搜索