网络编程
位置:首页>> 网络编程>> JavaScript>> 用javascript实现jquery的document.ready功能的实现代码

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

  发布时间:2024-11-16 01:58:57 

标签:jQuery,document.ready

实现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 &amp;&amp; !window.opera); var wk = /webkit\/(\d+)/i.test(navigator.userAgent) &amp;&amp; (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 &amp;&amp; !wk &amp;&amp; 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 id="test"></div> </body> </html>


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com