通用的页面加载js有四种方式:
1.window.onload = function(){}; —-js
2.
(
w
i
n
d
o
w
)
.
l
o
a
d
(
f
u
n
c
t
i
o
n
(
)
)
;
—
—
J
q
u
e
r
y
3.
(window).load(function(){});——Jquery 3.
(window).load(function());——Jquery3.(document).ready(function(){});–Jquery
4.$(function(){});———————Jquery
其中1和2为同一种,3和4为同一种
1、2表示:页面全部加载完成(引用文件,图片)在加载内部函数,且只能执行一个(当文件由多个onload或者load,只加载最后一个)。
3、4在window.onload执行前执行的,在DOM加载完毕后,页面全部内容(如图片等)完全加载完毕前被执行。而window.onload会在页面资源全部加载完毕后才会执行。
PS:
DOM文档加载步骤:
1.解析HTML结构
2.加载外部的脚本和样式文件
3.解析并执行脚本代码
4.执行$(function(){})内对应代码
5.加载图片等二进制资源
6.页面加载完毕,执行window.onload
windows常用的几个重要方法:
window.οnlοad=function(){//文档加载完成后执行此方法
alert(“文档加载完毕了”);
}
window.οnresize=function(){//窗口发生改变时候执行的方法
alert(“窗体大小发生了变化!”);
}
window.location.href 属性返回当前页面的 URL
window.location.reload();页面自动刷新
window.location.Reload()和window.location.href 区别
window.location.reload();页面自动刷新
window.location.href=window.location.href; 是定向url提交数据
他们最大区别是 是否有数据提交:
前者提交数据的刷新
后者没有提交的刷新