• js中hash、hashchange事件


    1、hash即URL中"#"字符后面的部分。

      ①使用浏览器访问网页时,如果网页URL中带有hash,页面就会定位到id(或name)与hash值一样的元素的位置;

      ②hash还有另一个特点,它的改变不会导致页面重新加载;

      ③hash值浏览器是不会随请求发送到服务器端的;

      ④通过window.location.hash属性获取和设置hash值。

      window.location.hash值的变化会直接反应到浏览器地址栏(#后面的部分会发生变化),同时,浏览器地址栏hash值的变化也会触发window.location.hash值的变化,从而触发onhashchange事件。

    2、hashchange事件(IE8已支持该事件)

      ①当URL的片段标识符更改时,将触发hashchange事件(跟在#符号后面的URL部分,包括#符号)

      ②hashchange事件触发时,事件对象会有hash改变前的URL(oldURL)和hash改变后的URL(newURL)两个属性:

    window.addEventListener('hashchange',function(e) { console.log(e.oldURL);  console.log(e.newURL) },false);

  • 相关阅读:
    译:DOM2中的高级事件处理(转)
    Cookbook of QUnit
    URI编码解码和base64
    css截断长文本显示
    内置对象,原生对象和宿主对象
    HTML中的meta(转载)
    iframe编程的一些问题
    自动补全搜索实现
    new的探究
    深入instanceof
  • 原文地址:https://www.cnblogs.com/bing0709/p/10762603.html
Copyright © 2020-2023  润新知