用javascript實現jquery的document.ready功能的實現代碼

2019-11-21 00:57:41

字體：大中小

來源：轉載

供稿：網友

實現jQuery的document.ready功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body> <div   class="iwvjtn8m0"   id="test"></div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：Exitjs獲取DataView中圖片文件名

下一篇：網頁中的圖片的處理方法與代碼