jQuery参考:jquery中的$(document).ready()与window.onload的区别
2009-07-17 13:30
696 查看
window.onload = function(){ alert("welcome"); }
这样的写法,是希望在页面加载完,自动执行定义好的 js代码(function)。
对于这样的需求,大部分的程序员都会这样做。
学习jQuery核心函数时,讲$(document).ready(function(){.... })这个函数是用来取代页面中的window.onload;
但是,今天在启动一采用了$(document).ready(function(){ })的页面时(页面上使用了一张>3M的图片),发现图片尚未完全加载时,
function()中的代码已经执行。
在网上收缩两者的区别,发现已经有人有类似的经历而产生疑问(取代window.onload,意味着等价?)。
这让我想起了jQuery API中的一句话
“Allows you to bind a function to be executed when the DOM document has finished loading. ”
其,中文意思也就是说:
“允许你绑定一个在DOM文档载入完成后,执行的函数。”
DOM文档加载和页面加载,却是不同,也就直接说明了两者是有很大区别。
页面加载 起码包含DOM文档加载(也就是你书写的代码机构等)和页面内容加载两个方面。
这样来说,两者的区别和实质也就很明显了。
这样的写法,是希望在页面加载完,自动执行定义好的 js代码(function)。
对于这样的需求,大部分的程序员都会这样做。
学习jQuery核心函数时,讲$(document).ready(function(){.... })这个函数是用来取代页面中的window.onload;
但是,今天在启动一采用了$(document).ready(function(){ })的页面时(页面上使用了一张>3M的图片),发现图片尚未完全加载时,
function()中的代码已经执行。
在网上收缩两者的区别,发现已经有人有类似的经历而产生疑问(取代window.onload,意味着等价?)。
这让我想起了jQuery API中的一句话
“Allows you to bind a function to be executed when the DOM document has finished loading. ”
其,中文意思也就是说:
“允许你绑定一个在DOM文档载入完成后,执行的函数。”
DOM文档加载和页面加载,却是不同,也就直接说明了两者是有很大区别。
页面加载 起码包含DOM文档加载(也就是你书写的代码机构等)和页面内容加载两个方面。
这样来说,两者的区别和实质也就很明显了。
相关文章推荐
- jQuery参考:jquery中的$(document).ready()与window.onload的区别
- jQuery 参考:jquery中的$(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别 详细出处参考:http://www.jb51.net/article/21628.htm
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- 【jquery】$(document).ready() 与window.onload的区别
- 一、jQuery $(document).ready()执行顺序-------------二、jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- js的window.onload和jquery document.ready()的区别
- 锋利的jQuery-4--$(document).ready()和window.onload方法的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- $(document).ready()方法和window.onload有什么区别?Jquery对象和dom对象的区别?jQuery对象和dom对象是怎样转换的?
- jquery $(document).ready() 与window.onload的区别