首页 > 代码库 > 比较body.onload(function())、$(document).ready(function())与$(windows).load(function)
比较body.onload(function())、$(document).ready(function())与$(windows).load(function)
原理对比：
body.onload(function())是优先将document的DOM渲染，即将页面所有的元素（包括html标签以及所引用到的图片，flash媒体等媒体文件）加载完成，然后再执行页面的脚本；
$(windows).load(function())的加载效果与body.onload(function())是一样的效果；
$(document).ready(function())是优先对文档结构进行加载（不包括图片等非文字媒体文件），即优先加载HTML DOM，然后执行脚本。
★ $(document).ready(function())的实例
<script src=http://www.mamicode.com/"js/jquery-1.7.2.min.js"></script> <script> function myFunction() { $("#test").html("Changed") } $(document).ready(myFunction); /*$(document).ready()是优先对文档结构进行加载（不包含图片等非文字媒体文件），不必等到所有的加载完毕*/ </script><h1 id="test">Original</h1>
★ $(document).ready(function())的实例2
★ $(window).load(function())的实例
/*$(window).load(function()) 是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的， 与body.onload(function)是一样的执行顺序*/ $(window).load(function () { alert("Hello"); }); /*设置并列的两个load(function)*/ $(window).load(function () { alert("see you again!") }) /*$(window).load(function()) 是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的， 与body.onload(function)是一样的执行顺序*/
body.onload(function())的实例
比较body.onload(function())、$(document).ready(function())与$(windows).load(function)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。