开发者社区> 问答> 正文

在外部js里实现等页面加载完成了再执行脚本,即不用window.onload,也不将<script>块放在底部,也不使用库

我想到一种方法可以使用定时器setTimeout,类似于这样
function $(string){ return document.getElementById(string); } setTimeout("",1000);
想请教各位有没有更好的方法呢,也不使用库,其实我很想知道jquery里是怎么操作的。

展开
收起
杨冬芳 2016-06-16 14:40:58 2193 0
1 条回答
写回答
取消 提交回答
  • IT从业
    ready(function(){
      // dom ready 后执行这段代码。
    });
    

    ready 实现如下:

    var isReady = false;
    var readyList = [];
    
    function ready(fn) {
      if (isReady) {
        setTimeout(function () {
          fn()
        }, 0);
        return;
      }
      readyList.push(fn);
    }
    
    function setReady() {
      if (isReady) {
        return;
      }
    
      isReady = true;
      for (var i = 0, n = readyList.length; i < n; i++) {
        readyList[i]();
      }
      readyList.length = 0;
    }
    
    (function () {
      if (document.readyState === 'complete') {
        setTimeout(setReady, 0);
      } else {
        document.addEventListener('DOMContentLoaded', setReady);
        window.addEventListener('load', setReady);
      }
    }());
    
    2019-07-17 19:40:52
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载