九
10
2

document.ready

Author Jessica     Category JavaScript, 收集整理     Tags ,

实现jQuery的document.ready功能

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 

  3. <head> 
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    5. 

  5. <title>document.ready</title> 
    6. 

  6. <script type="text/javascript"> 
    7. 

  7. (function () {  
    8. 

  8.     var ie  = !!(window.attachEvent && !window.opera);  
    9. 

  9.     var wk  = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525);  
    10. 

  10.     var fn  = [];  
    11. 

  11.     var run = function () { for (var i = 0; i < fn.length; i++) fn[i](); };  
    12. 

  12.     var d   = document;  
    13. 

  13.     d.ready = function (f) {  
    14. 

  14.         if (!ie && !wk && d.addEventListener)  
    15. 

  15.             return d.addEventListener('DOMContentLoaded', f, false);  
    16. 

  16.         if (fn.push(f) > 1) return;  
    17. 

  17.         if (ie)  
    18. 

  18.             (function () {  
    19. 

  19.                 try { d.documentElement.doScroll('left'); run(); }  
    20. 

  20.                 catch (err) { setTimeout(arguments.callee, 0); }  
    21. 

  21.             })();  
    22. 

  22.         else if (wk)  
    23. 

  23.             var t = setInterval(function () {  
    24. 

  24.                 if (/^(loaded|complete)$/.test(d.readyState))  
    25. 

  25.                     clearInterval(t), run();  
    26. 

  26.             }, 0);  
    27. 

  27.     };  
    28. 

  28. })();  
    29. 

  29. document.ready(function(){  
    30. 

  30.     document.getElementById('test').innerHTML = 'document.ready test!';  //找到  
    31. 

  31. });  
    32. 

  32. alert(document.getElementById('test')); //null 没找到  
    33. 

  33. </script> 
    34. 

  34. </head> 
    35. 

  35.  
    36. 

  36. <body> 
    37. 

  37. <div id="test"></div> 
    38. 

  38. </body> 
    39. 

  39. </html> 
    40.

演示地址(右键源码):http://www.skiyo.cn/demo/js/document.ready.html

2 Comments to “ document.ready ”

  • xing393939 2009年11月30日 于 10:18

    var ie = !!(window.attachEvent && !window.opera);
    2个感叹号是什么意思？

    回复
  • Jessica 2009年12月2日 于 13:29

    @xing393939 你在IE中和opera中试试

    回复

Post comment

分类目录

最近文章

近期评论

文章归档

标签

.net AJAX button Comet CSS Discuz! DIV+CSS Flash Form Google HTML编辑器 IE8 Java JavaScript jQuery JSP md5 MySQLReback OAuth Oracle PHP php-fpm PNG Punny SkiyoTabs tab TagCloud Vista Web2.0 Windows7 上传 加密 图标 本站原创 模板 模板引擎 源码 登录 短网址 石家庄 算法 类 编译 面向对象 魔术方法

链接表