DOM加载事件分为onload事件和ready事件均为DOM加载事件,下面代码为二者的区别以及用法简写:
//window.onload函数在页面所有内容加载完成后触发,只能执行最后一个window.onload函数
$(window).load(function(){ //等价于window.onload = function
alert("加载完成");
});
//ready函数在DOM树加载完成后触发,可以同时执行多个ready函数。
$(document).ready(function(){ //$(document)可以简写成$(), $(document).ready函数可以简写成$(function(){})
alert("加载完成");
});
加载先后顺序是先DOM树加载,再是window.onload界面所有内容加载