首页 > 网页教程 > 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)的几个问题

分类导航

教程推荐

热门特效

热门教程