window.onload 跟 $(document).ready 区别待续.

2012-11-09

window.onload 和 $(document).ready 区别待续......jquery 学习之一(js中window.onload与jquery中$(docum

window.onload 和 $(document).ready 区别待续......
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别)

耳听为虚,眼见为实。通过下面的实例可查看两者的异同（注意：aa.jpg最好是一张大容量图片）


      jQuery 提供一个 $(document).ready(); 来解决此问题，当页面 DOM 加载完成后，ready() 里的函数便会立即执行，但如果我们在不使用 jQuery 的情况下呢？
好了，废话不多说，大家都明白想要什么，以下是来自国外网站的一段代码，功能同等于 jQuery 的 $(document).ready();

看代码：

<script language='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);};})();</script>

      把这段代码放到你的页面中或者某个导入的脚本中，然后你就可以像下面这样使用了：
来源
http://hi.baidu.com/sch362017466/blog/item/fdbeb1ec148935dbb21cb172.html

window.onload=function(){}
页面中只能有一个，
可能覆盖
<body onload="func()">

热点排行

Web前端

window.onload 跟 $(document).ready 区别 待续.

window.onload 跟 $(document).ready 区别待续.