$(function(){})/$(document).ready()和javascript中onload()的区别

1、写在方法体<body onload="xxx()"></body>,中的xxx()方法会在页面全部加载完成之后再执行;而$(function(){})和$(document).ready()一样的则是在dom树建好之后就会执行;

2、js的放置位置也有关系;如果一个js代码块想要最后执行,可以用javascript中的onload()方法,也可以将$(function (){})方法放到</html>后面

3、

原来jQuery库中$(document).ready() 和JavaScript中onload还是有区别的:

 1.执行时间:
  window.onload必须等到页面内包括图片等所有页面元素加载完毕后才能执行js。
  $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕js。

 2.编写个数不同
   window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
   $(document).ready()可以同时编写多个,并且都可以得到执行

 3.简化写法
   window.onload没有简化写法
   $(document).ready(function(){})可以简写成$(function().{});

猜你喜欢

转载自blog.csdn.net/u013086006/article/details/51603273
今日推荐