监听url变化

你的名字 2022-04-24 13:54 305阅读 0赞

js部分：

<script>  
var lasturl=window.location.href;  
function isHashChanged()\{  
    var cururl=window.location.href;  
   if(lasturl ==cururl )\{  
      return false;  
  \}  
 return true;  
\}  
function hashChangeFire()\{  
    console.info("变化了");  
\}  
//url变化监听器  
if( ('onhashchange' in window) && ((typeof document.documentMode==='undefined') || document.documentMode==8)) \{  
    // 浏览器支持onhashchange事件  
    window.onhashchange = hashChangeFire;  // TODO，对应新的hash执行的操作函数  
\} else \{  
    // 不支持则用定时器检测的办法  
    setInterval(function() \{  
        // 检测hash值或其中某一段是否更改的函数， 在低版本的iE浏览器中通过window.location.hash取出的指和其它的浏览器不同，要注意  
        var ischanged = isHashChanged();  
        if(ischanged) \{  
            hashChangeFire();  // TODO，对应新的hash执行的操作函数  
        \}  
    \}, 150);  
\}  
</script>

测试部分：

我是通过锚记链接测试是否生效的

<a href="\#aa">点我到a</a>  
<a href="\#bb">点我到b</a>

<div id="aa">aa</div>  
<div id="aa">bb</div>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIwMTEzNjA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIwMTEzNjA_size_16_color_FFFFFF_t_70]: /images/20220214/fb2a003dc2fb4a05a6cbecb6b0173b11.png

发表评论取消回复

表情：

评论列表（有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

相关监听数组变化

03-监听数组变化 <!DOCTYPE html> <html lang="en"> <head> <meta char

蔚落/ 2023年01月17日 07:45/ 0 赞/ 132 阅读

相关 chrome监听cookie变化

/ 监听cookie变化 / chrome.cookies.onChanged.addListener(function(changeInfo){

绝地灬酷狼/ 2023年01月10日 01:30/ 0 赞/ 197 阅读

相关原生js监听href url路径变化

移动端直接使用： function listenHrefChange() { //监听href变化触发更新图表 window.on

た入场券/ 2022年12月27日 01:29/ 0 赞/ 260 阅读

相关监听 apollo 配置变化

> 监听 apollo 配置 cleanPrecisionVersion 变化的类源码 @Component @Order(value = Order

约定不等于承诺〃/ 2022年12月02日 13:52/ 0 赞/ 391 阅读

相关 html位置发生变化监听,html监听 --- 监听html文档结构变化

/\config属性 childList：子元素的变动 attributes：属性的变动 characterData：节点内容或节点文本的变动 subtree：所有下属

快来打我*/ 2022年10月06日 11:45/ 0 赞/ 270 阅读

相关监听 html dom 变化,js怎么监听元素属性变化

我觉得MutationObserver可以用啊，正常情况下，这个等待DOM操作结束再执行的异步回调没什么问题吧。什么业务实时性要那么高啊？一般一个事件里面同步的不会有同个属性

梦里梦外;/ 2022年10月06日 10:53/ 0 赞/ 263 阅读

相关 android 监听EditText 的变化

使用EditText的addTextChangedListener(TextWatcher watcher)方法对EditText实现监听，TextWatcher是一个接口类，

妖狐艹你老母/ 2022年05月31日 01:46/ 0 赞/ 369 阅读

相关监听url变化

js部分： <script> var lasturl=window.location.href; function isHashChanged()\{ v

你的名字/ 2022年04月24日 13:54/ 0 赞/ 306 阅读

相关监听文件夹变化

现象：监听文件夹的变化：如新建、修改、删除文件或者文件夹方法： 1：创建测试类设置主函数、构造观察类设置监听间隔时间、调用监听文件夹变化 ![在这里插入图片描

喜欢ヅ旅行/ 2022年03月02日 02:49/ 0 赞/ 329 阅读

相关 vue 监听屏幕变化

1、防抖 npm install lodash.debounce -save-dev 2、在main.js写上如下代码 const windowResiz

偏执的太偏执、/ 2021年10月19日 07:54/ 0 赞/ 493 阅读