页面加载完成后触发事件很简单,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()里面加载。