DOMLoaded 相似jquery的$(callback)

時間 2019-12-02

標籤 domloaded 相似 jquery callback 欄目 JQuery 简体版

原文原文鏈接

/**
 * Created by doyen on 2016/1/22.
 */
(function (window) {
   var userAgent = navigator.userAgent;
   var ieReg = /MSIE\s(?=(\d{1,2}.\d{1}))/;
   var ieVersion = userAgent.match(ieReg) && parseInt(userAgent.match(ieReg)[1]);

   if (ieVersion != null && ieVersion <= 8) {
      /*IE8 and lower control first method：
       * onreadystatechange
       */
      //function domLoadedHandle () {
      // if (document.readyState === "complete") {
      //    alert(2)
      //    document.detachEvent("onreadystatechange", domLoadedHandle);
      // }
      //};
      //
      //document.attachEvent("onreadystatechange", domLoadedHandle);

      /*IE8 and lower control second method：
      * document.documentElement.doScroll
      * this function generate when dom load complete
      */
      if (document.documentElement.doScroll && top) {
         doScrollCheck();
      }

      function doScrollCheck() {
         try {
            document.documentElement.doScroll("left");
         }
         catch (error) {
            setTimeout(doScrollCheck, 1);
            return "DOMContentLoaded";
         }
         DOMContentLoaded.run();
         DOMContentLoaded.callbacks = [];
      }
   } else {
      document.addEventListener("DOMContentLoaded", function () {
         DOMContentLoaded.run();
         DOMContentLoaded.callbacks = [];
      }, false);
   }
})(window);

window.DOMContentLoaded = {
   callback: function (callback, data) {
      if (typeof callback == "function") {
         this.callbacks.push({callback: callback, data: data});
      } else {
         console.warn("please translate a function, your input is:\n" + callback);
      }
   },
   callbacks: [],
   run: function () {
      var callbacks = this.callbacks;

      for (var i in callbacks) {
         if (callbacks.hasOwnProperty(i)) {
            callbacks[i].callback(callbacks[i].data);
         }
      }
   }
}

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<h4 id="loaded"></h4>
</head>
<body>
<script src="domLoaded.js"></script>
<script>
   function loaded1 (a) {
      document.getElementById("loaded").innerHTML = a;
   }
   function loaded2 (b) {
      alert(b);
   }
   DOMContentLoaded.callback({});
   DOMContentLoaded.callback(loaded1, "DOM Loaded");
   DOMContentLoaded.callback(loaded2, "DOM Loaded");
</script>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。