欢迎来到鲍余网络官网 官方微信 官方微博 IDC网站
深圳网站建设官方微信

网络之路,从这里开始

热线电话

18576678080 / 0755-85278776

技术知识
首页 > 技术知识 > JS代码属性详解:window.location

JS代码属性详解:window.location

  • 所属分类: 技术知识
  • 发布时间:2017-02-23 16:49:07
  • 作者: 鲍余网络
  • 点击量:

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

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

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

window.location 对象所包含的属性


属性 描述
hash 从井号 (#) 开始的 URL(锚)
host 主机名和当前 URL 的端口号
hostname 当前 URL 的主机名
href 完整的 URL
pathname 当前 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 即可。


推荐阅读:10条建议让你编写的jquery代码运行速度更快




深圳网站建设专家:鲍余网络
  8年专注:网站设计、网站建设、网站开发、营销型网站建设、营销型网站设计、APP开发、软件开发、微信开发、公众号开发、互动营销、响应式网站建设开发、响应式网站、互联网形象设计、空间租用、域名注册、虚拟主机、服务器托管、网站维护等服务。

鲍余案例:稳健医疗、格力地产、珠海气象局、大昌行集团等知名企业

咨询热线:0755-3693 8799  

咨询QQ8554 3483
联系人:鲍先生:

电话:185 7667 8080  

微信:185 7667 8080

地址:深圳市龙华新区民治大道沙元埔大厦121205-1228室(民治地铁站D出口对面)

网址:www.zgbywl.com


关键词: 网站建设(83) 网站制作(57) 建网站(43) 做网站(33) 程序教程(11) 前端教程(8) js教程(5)

相关文章:

有做网站需求?   联系客服经理 提交需求 直接拨打业务电话:0755-85278776