页面加载完毕后执行事件

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

写这个的缘由是由于,每次用到的时候老是忘了怎么写。。。浏览器

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

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

其对应的完整形态为:code

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

原生JS方法:blog

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

这几种方法在功能上的效果是同样的,可是三者(或者说二者)仍是有一些区别的:事件

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

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

因此,建议使用方式:io

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

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

相关文章
相关标签/搜索