页面加载完毕后执行事件

页面加载完成后触发事件很简单，

写这个的原因是因为，每次用到的时候总是忘了怎么写。。。

首先最简单的方法。jquery的一种简写形式：

$(function(){ 
    alert("页面加载完成！"); 
}); 

其对应的完整形态为：

$(document).ready(function(){ 
    alert("页面加载完成！"); 
}); 

原生JS方法：

window.οnlοad=function(){ 
    alert("页面加载完成！"); 
} 

这几种方法在功能上的效果是一样的，但是三者（或者说两者）还是有一些区别的：

　　window.onload 会在页面的document全部加载完成以后，并且要求所有的外部图片和资源全部加载完成后才会执行操作。

　　$(document).ready(function() 只需要在浏览器把所有的HTML放入DOM tree之后就执行js效果。包括在加载外部图片等资源之前。

所以，建议使用方式：

　　　　样式控制的，比如图片大小控制，使用$(window).load();

              jS事件触发的方法，可以在$(document).ready()里面加载。

转载于:https://www.cnblogs.com/yang-blogs/p/8377786.html