zoukankan      html  css  js  c++  java
  • JS代码的window.location属性详解

    转载:http://www.5icool.org/a/201105/a564.html 

    如果你稍微懂一些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 即可。

  • 相关阅读:
    showModalDialog 超过问题
    工作流,WEB框架,UI组件网络收集整理
    VSS使用方法详解
    Windows远程桌面连接命令mstsc
    Nginx 配置简述
    jQuery编程代码规范的最佳实践
    TinyMCE(富文本编辑器)在Asp.Net中的使用方法
    扣文转文方法
    VS2013 EMMET插件学习
    为革命保护视力 --- 给 Visual Studio 换颜色
  • 原文地址:https://www.cnblogs.com/nzcblog/p/4272297.html
Copyright © 2011-2022 走看看