<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>ready和js中的onload的区别</title> <script type="text/javascript" src="../Packages/jQuery.1.8.3/jquery-1.8.3.min.js"></script> <script type="text/javascript"> //js中window对象的onload属性执行jsFunction1函数 window.onload = jsFunction1; //js中window对象的onload属性执行jsFunction2函数 window.onload = jsFunction2; //jquery的ready方法执行jqFunction1函数 $(document).ready(jqFunction1); //jquery的ready方法执行jqFunction2函数 $(document).ready(jqFunction2); //jsFunction1函数 function jsFunction1() { alert("jsFunction1"); } //jsFunction2函数 function jsFunction2() { alert("jsFunction2"); } //jqFunction1函数 function jqFunction1() { alert("jqFunction1"); } //jqFunction2函数 function jqFunction2() { alert("jqFunction2"); } </script> </head> <body> <h1>ready和js中的onload的区别</h1> </body> </html> <!--说明--> <!-- 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 $(document).ready()可以同时编写多个，并且都可以得到执行 3.简化写法 window.onload没有简化写法 $(document).ready(function(){})可以简写成$(function(){}); -->
<!--在IE中使用匿名函数的方式（window.onload = function () { ShowMes(); }），能看到文本-->
<!--在google中使用匿名和未使用匿名是一样效果，均是先true后文本-->