如何检测是否停止加载按钮在浏览器中通过JavaScript？

如何检测是否停止加载按钮在浏览器中通过javascript或页面仍在加载？如何检测是否停止加载按钮在浏览器中通过JavaScript？

2016-07-30 Mykola Mashevskyi

我不认为你可以。 JS已经到达窗口而不是外面。你可以宁可检查你的资源，如果他们不可用 – Rajesh

@Rajesh 0如何做到这一点？如果资源测试本身没有加载？ – Rayon

@Rayon这是真的，但如果用户有意识地杀死你的进程，我不确定是否有任何东西可以保证处理任何东西。 – Rajesh

假设脚本到达浏览器，而不是停止执行，如果“停止加载按钮”被按下，这可能是一个可行的选择

使用这种可迟迟不加载资源，但会给你一个良好的开端。

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta http-equiv='content-type' content='text/html; charset=UTF-8' /> 
 
    <script type='text/javascript'> 
 
    
 
    var DomLoaded = { 
 
     done: false, 
 
     onload: [], 
 
     loaded: function() { 
 
     if (DomLoaded.done) return; 
 
     DomLoaded.done = true; 
 
     if (document.removeEventListener) { 
 
      document.removeEventListener('DOMContentLoaded', DomLoaded.loaded, false); 
 
     } 
 
     for (i = 0; i < DomLoaded.onload.length; i++) DomLoaded.onload[i](); 
 
     }, 
 
     load: function(fireThis) { 
 
     this.onload.push(fireThis); 
 
     if (document.addEventListener) { 
 
      document.addEventListener('DOMContentLoaded', DomLoaded.loaded, false); 
 
     } else { 
 
      /*IE<=8*/ 
 
      if (/MSIE/i.test(navigator.userAgent) && !window.opera) { 
 
      (function() { 
 
       try { 
 
       document.body.doScroll('up'); 
 
       return DomLoaded.loaded(); 
 
       } catch (e) {} 
 
       if (/loaded|complete/.test(document.readyState)) return DomLoaded.loaded(); 
 
       if (!DomLoaded.done) setTimeout(arguments.callee, 10); 
 
      })(); 
 
      } 
 
     } 
 
     /* fallback */ 
 
     window.onload = DomLoaded.loaded; 
 
     } 
 
    }; 
 

 
    DomLoaded.load(function() { 
 
     var d = document; 
 
     if (d.getElementsById('loaded-checker')) { 
 
     // loaded 
 

 
     } else { 
 
     // not loaded 
 

 
     } 
 
    }); 
 
    </script> 
 
    <link rel='stylesheet' type='text/css' href='/css/style.css' /> 
 
    <script src="/js/script.js"></script> 
 
</head> 
 

 
<body> 
 

 

 
    <div class="main-header"></div> 
 
    <div class="main-content"></div> 
 
    <div class="main-footer"></div> 
 

 
    <div id="loaded-checker"></div> 
 

 
</body> 
 

 
</html>

来源

2016-07-30 10:28:50 LGSon

如何检测是否停止加载按钮在浏览器中通过JavaScript？

回答

相关问题