• <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • 首页 > 网页教程 > 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 定?#24187;?#28857;,完全可以使用 window.hash 配合元素 ID 完成。比如快速定位到页面的?#31243;?#35780;论,则直接使用如下代码即可:

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

    另外 Twitter、Facebook、Google 等已经开始大量使用 #! 这种?#38382;?#30340; 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 方式请求的?#38382;?#20854;实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。

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

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

    精彩推荐

    热门教程

    任选五走势图
  • <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>