<rp id="9thzz"><acronym id="9thzz"></acronym></rp>
    1. <dd id="9thzz"></dd>
    2. 首页 > 网页教程 > JavaScript > JS代码的window.location属性详解

      JS代码的window.location属性详解

      时间:2011-05-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 即可。

      相关推荐
      JavaScript编程中的for与in循环的用法实例
      用JS代码简单实现checkbox的全选与反选
      如何处理JS的'null'为空或不是对象
      用javascript代码实现对浏览器判断的思路
      25款有趣好玩的JavaScript小游戏
      用javascript把XML解析为JSON的方法
      用Js操作Cookie的代码教程附有详细注释
      JS教程:NodeList集合跟Array数组的区别
      深入理解JavaScript的caller,callee,call,apply函数
      获取Javscript执行函数名称的代码实例
      JavaScript的split函数详解及代码实例
      新手教程:107条Javascript的常用语句
      js禁用下拉框的代码实例
      js编程经验分享 原始Ajax与jQuery中的Ajax比较
      Javascript新手教程:从入门到精通(完整版)
      10款基于Javascript的超酷绘画和画布类库
      网页制作web开发中常用的javascript表单验证函数分享
      jquery教程:10条建议让你编写的jquery代码运行速度更快
      jQuery教程:10个技巧让你也能写出卓越的jQuery插件
      jQuery新手教程:12个jQuery编程常用技巧分享
      JavaScript技巧:图片列表的宽度自适应解决办法
      JavaScript解析如何让搜索引擎看到更真实的网页?
      超实用:正则表达式30分钟入门教程分享
      JS新手教程:数学函数sqrt求平方根函数的代码分享
      JavaScript教程:适合新手的js代码使用方法和技巧大全
      用JavaScript处理JSON数据的代码实例
      在JavaScript中将JSON的字符串解析成JSON数据格式的两种方法
      JavaScript如何处理解析JSON数据详解
      JavaScript新手教程之JSON的使用全解(超详细)
      jQuery教程:10个很实用的jQuery表单操作代码片段分享
      JS根据userAgent值来判断浏览器的类型及版本
      JavaScript判断智能手机浏览器的代码片段分享
      Javascript教程:js异步编程的4种方法详述
      JavaScript的Module模式编程深入分析
      a标签中关于javascript:void(0)的几个问题

      精彩推荐

      热门教程

      99热 久久99热视频只有精品 玖玖热爱视频精品 99热这里只有精品 久久re热这里只是精品