ready和onload
$(function(){
alert('页面加载完毕');
})
$(document).ready(function(){
alert('页面加载完毕');
})
window.onload = function(){
alert('页面加载完毕');
}
区别
window.onload会在页面的document全部加载完毕后,并且要求所有的外部图片和资源全部加载完成之后才会执行。
(
d
o
c
u
m
e
n
t
)
.
r
e
a
d
y
(
f
u
n
c
t
i
o
n
(
)
)
只
要
在
浏
览
器
把
所
欲
的
H
T
M
L
放
入
D
O
M
t
r
e
e
之
后
就
执
行
j
s
效
果
。
所
以
使
用
的
时
候
建
议
把
样
式
控
制
仿
在
(document).ready(function(){})只要在浏览器把所欲的HTML放入DOM tree之后就执行js效果。 所以使用的时候建议把样式控制仿在
(document).ready(function())只要在浏览器把所欲的HTML放入DOMtree之后就执行js效果。所以使用的时候建议把样式控制仿在(window).load();js事件触发的方法,放在$(document).ready()里面加载。