一,执行时机
window.onload():
在页面所有元素(包括图片,引用文件)加载完后执行。
$(document).ready():
页面中所有HTML DOM,CSS DOM结构加载完之后就会执行,其他图片文件可能没有加载完。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
二,编写个数
window.onload():
不能同时写多个,后面的将会覆盖前面的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
window.onload=function(){
alert("A");
}
window.onload=function(){
alert("B");
}
结果会执行“B”,如果想要顺序执行alert("A")和alert("B")需写成:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
window.onload=function(){
alert("A");
alert("B");
}
$(document).ready():
可以同时写多个,以下代码正确执行。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
$(document).ready(function (){
alert("Hello World!");
});
$(document).ready(function (){
alert("Helllo World!");
});
三,简写方法
window.onload():
无简写,但有相关写法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
$(window).load(function () {
});
// 等价于
window.onload = function () {
};
$(document).ready():
有简写文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
$(document).ready(function(){
//to do;
});
可写成文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
$().ready(function(){ //$()不带参数默认是document
//to do;
});
或文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html
$(function(){
//to do;
});
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/18648.html