window.onload和$(document).ready()的区别
window.onload和$(document).ready()的区别,如下表所示
window.onload | $(document).ready() | |
执行时间 | 在页面所有内容(图片、文件)加载完后执行 | 页面中所有HTML和css结构加载完之后(不论图片是否加载完成)执行; 如果想要页面所有内容(包括图片)加载完毕,再注册事件,使用 $(window).load(function(){});其等价于window.onload |
个数 | 一个页面中仅允许存在一个,多个的话后面的会将前面的覆盖掉, 如果需要执行多个事件,应该写在同一个里面,例如 window.onload=function(){ 事件1; 事件2; } |
同一个页面可以书写多个(jquery里面采用的是addEventListener的注册事件的方法,所以后面的不会将前面的覆盖) |
window.onload是原生js里面的,没有简写方式 | $(document).ready(function(){})是jquery里面的,其等价于$().ready(function(){}) 或者 $(function(){}) |