页面加载完成有两种事件
一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
一、JavaScript 入口函数:
window.onload = function () {
// 执行代码
}
1.执行时机:等到所有内容,包括外部图片之类的文件加载完后,才会执行。
2.执行次数:只能执行一次,如果执行第二次,会将第一次的覆盖。
二、jQuery 入口函数:
防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码(上面的简写)
});
1.执行时机:是在 html 所有标签(DOM)都加载之后,就会去执行。
2.执行次数:可以执行多次,第N次都不会被上一次覆盖。