用javascript实现jquery的document.ready功能的实现代码_javascript技巧

实现jQuery的document.ready功能

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>document.ready</title> <script type="text/javascript"> (function () { var ie = !!(window.attachEvent && !window.opera); var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525); var fn = []; var run = function () { for (var i = 0; i < fn.length; i++) fn[i](); }; var d = document; d.ready = function (f) { if (!ie && !wk && d.addEventListener) return d.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); }; })(); document.ready(function(){ document.getElementById('test').innerHTML = 'document.ready test!'; //找到 }); alert(document.getElementById('test')); //null 没找到 </script> <div id="test"></div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]