window. onload=function(){} 与 $(function(){}) 的区别

版权声明:本文为博主原创文章,转载请附上博文链接! https://blog.csdn.net/csdnluolei/article/details/83930943

页面加载事件:window.onload=function(){} 和 $(function(){});

1、window.onload=function(){}是js原生的事件;

2、$(function(){});是JQuery的方法;

等同于 $(document).ready(function(){}); 意义为在DOM加载完毕后执行了ready()方法。

也等同与 jQuery(function(){});

两者差别:

1、window.onload:在页面所有资源加载完后执行,如果有多个定义则只执行最后一个

2、$(function(){}):在DOM加载完成时运行的代码,如果有多个定义则依次执行

比如:
当页面中只有一个img标签,当img节点创建完后就会执行$(function(){})中的代码,所以比window.onload效率高. 
当img的src指定的图片完全加载完后才会触发window.onload事件。

猜你喜欢

转载自blog.csdn.net/csdnluolei/article/details/83930943