2016-07-30 33 views
3

如何檢測是否停止加載按鈕在瀏覽器中通過javascript或頁面仍在加載?如何檢測是否停止加載按鈕在瀏覽器中通過JavaScript?

+3

我不認爲你可以。 JS已經到達窗口而不是外面。你可以寧可檢查你的資源,如果他們不可用 – Rajesh

+0

@Rajesh 0如何做到這一點?如果資源測試本身沒有加載? – Rayon

+0

@Rayon這是真的,但如果用戶有意識地殺死你的進程,我不確定是否有任何東西可以保證處理任何東西。 – Rajesh

回答

0

假設腳本到達瀏覽器,而不是停止執行,如果「停止加載按鈕」被按下,這可能是一個可行的選擇

使用這種可遲遲不加載資源,但會給你一個良好的開端。

<!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>

相關問題