标签：外网 doc tac innerhtml onload dos 完成 add 功能
通常我们想要在页面内容加载完成后运行 JS 时，都会使用 window.onload 来处理，比如：
window.onload = function(){ alert(‘Hello World!‘); };
这段代码将在页面载入完成后弹出一个 "Hello World!" 的警告框，但是众所周知，window.onload 的特点是页面元素全部加载完成后才执行，比如页面内有大量的图片之类，当打开网页时，其实相关的 DOM 已经全部加载完成，此时已经可以执行你想要执行的脚本了，可是图片的加载速度要很慢于页面的 HTML，这显然在大多数情况下不是我们想要的。
jQuery 提供一个 $(document).ready(); 来解决此问题，当页面 DOM 加载完成后，ready() 里的函数便会立即执行，但如果我们在不使用 jQuery 的情况下呢？
好了，废话不多说，大家都明白想要什么，以下是来自国外网站的一段代码，功能同等于 jQuery 的 $(document).ready();
看代码：
1 (function () { 2 var ie = !!(window.attachEvent && !window.opera); 3 var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525); 4 var fn = []; 5 var run = function () { for (var i = 0; i < fn.length; i++) fn[i](); }; 6 var d = document; 7 d.ready = function (f) { 8 if (!ie && !wk && d.addEventListener) 9 return d.addEventListener(‘DOMContentLoaded‘, f, false); 10 if (fn.push(f) > 1) return; 11 if (ie) 12 (function () { 13 try { d.documentElement.doScroll(‘left‘); run(); } 14 catch (err) { setTimeout(arguments.callee, 0); } 15 })(); 16 else if (wk) 17 var t = setInterval(function () { 18 if (/^(loaded|complete)$/.test(d.readyState)) 19 clearInterval(t), run(); 20 }, 0); 21 }; 22 })(); 23 document.ready(function(){ 24 document.getElementById(‘test‘).innerHTML = ‘document.ready test!‘; //找到 25 }); 26 alert(document.getElementById(‘test‘)); //null 没找到
缩版 document.ready();
(function () { var ie =!!(window.attachEvent&&!window.opera),wk=/webkit\/(\d+)/i.test(navigator.userAgent)&&(RegExp.$1<525); var fn =[],run=function(){for(var i=0;i<fn.length;i++)fn[i]();},d=document;d.ready=function(f){ if(!ie&&!wk&&d.addEventListener){returnd.addEventListener(‘DOMContentLoaded‘,f,false);}if(fn.push(f)>1)return; if(ie)(function(){try{d.documentElement.doScroll(‘left‘);run();}catch(err){setTimeout(arguments.callee,0);}})(); else if(wk)var t=setInterval(function(){if(/^(loaded|complete)$/.test(d.readyState))clearInterval(t),run();},0);}; })();
标签：外网 doc tac innerhtml onload dos 完成 add 功能
原文地址：https://www.cnblogs.com/7qin/p/9960987.html
