文档准备好之前可能的操作

Question

文档准备好之前可能的操作

问题

我写了一个脚本,告知用户页面加载缓慢(比如,这是因为互联网连接速度慢).该脚本放在首位,<head></head>非常简单:

var GLOBAL_TIMEOUT = setInterval(function () {      
    alert("The Internet connection is slow. Please continue waiting.");
}, 30000);

//clear that interval somewhere else when document is ready
$(function () {
    clearInterval(GLOBAL_TIMEOUT);
});

Run Code Online (Sandbox Code Playgroud)

题

在当前示例中,仅提醒信息.是否有任何其他可能的方法来通知用户有关页面缓慢加载的问题(特别是当头部中的某些文件js或css文件非常大且需要一些时间加载时)？我试过操纵DOM(在我看来,在文档准备好之前做的事情是不对的)并document.body导致了null.

额外

设置间隔的解决方案是从这里开始的.任何其他如何做到这一点的想法都非常感谢.

Answer 1

Art*_*oev 0

好吧，经过几个小时的大脑伤害之后，我找到了解决方案。这更多的是为了更好的用户体验，而不是技术创新，但适合我的需求。

仍然<script></script>位于的顶部<head></head>，每 30 秒它会询问用户是否要留在页面上并等待，直到加载。如果用户拒绝，窗口将关闭，否则加载将继续。该脚本如下所示：

(function () {
   var SLOW_CONNECTION = setInterval(function () {
      if (!confirm("The Internet connection speed is low. Do you want to continue waiting?")) {
         var win = window.open("", "_self");
         win.close();
      }
   }, 30000);
   window.addEventListener("load", function () {
      clearInterval(SLOW_CONNECTION);
   });
})();

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，4 月前
查看次数：	337 次
最近记录：	12 年，3 月前