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

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

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

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

其对应的完整形态为:

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

原生JS方法:

window.onload=function(){ 
    alert("页面加载完成!"); 
} 

这几种方法在功能上的效果是一样的,但是三者(或者说两者)还是有一些区别的:

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

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

所以,建议使用方式:

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

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

posted on 2018-01-29 16:02  迷丶路  阅读(48245)  评论(0编辑  收藏  举报