#javascript# window.onload 和 $(document).ready()
栏目: JavaScript · 发布时间: 6年前
内容简介：当浏览器中所有的资源内容（DOM结构、文本内容、图片...）都加载完成，触发load事件。$(function(){}) 或者 $(document).ready(function(){})
window.onload
当浏览器中所有的资源内容（DOM结构、文本内容、图片...）都加载完成，触发load事件。
- 它是基于DOM0事件绑定完成的。所以在同一个页面中只能给它绑定一个方法（绑定多个将以最后一个绑定的为主）
- 如果想在一个页面中使用多次，我们应该是基于DOM2事件绑定。
function fn1(){
//第一件事
}
function fn2(){
//第二件事
}
window.addEventListener('load',fn1,false);
window.addEventListener('load',fn2,false);
$(document).ready()
$(function(){}) 或者 $(document).ready(function(){})
- 当文档中的DOM结构加载完成就会被触发执行，而且在同一个页面中可以使用多次。
- JQ中提供的方法，JQ是基于DOMContentLoaded这个事件完成这个操作的
- JQ中的事件绑定都是基于DOM2事件绑定完成的
-
但是DOMContentLoaded在IE6~8下使用
attachEvent也是不支持的，JQ在IE6~8中使用的是readystatechange事件处理的。
以上所述就是小编给大家介绍的《#javascript# window.onload 和 $(document).ready()》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
细节决定交互设计的成败
张亮 / 2009-3 / 49.00元
《细节决定交互设计的成败》是一本非常实用的有关软件界面的交互设计和可用性设计方面知识的书籍，通过采用一问一答的形式，你将会有针对性地学习到一些能够很快应用在自己软件开发工作中的细节知识和诀窍。例如，如何减轻用户的等待感，如何预防和减少用户的使用错误等。另外，你会发现阅读《细节决定交互设计的成败》时会非常轻松和愉悦；这是由于《细节决定交互设计的成败》写作上的两个特点：第一，采用较多日常生活中的例子来......一起来看看 《细节决定交互设计的成败》 这本书的介绍吧!
