1. 传统方式
所有的都加载完(包括图片,,css,js,等)
window.onload = function() {
console.log(11);
}
2. addEventListener方法
所有的都加载完(包括图片,css,js,等)
window.addEventListener('load', function() {
console.log(11);
})
当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式表、图像和子框架的完全加载。
document.addEventListener('DOMContentLoaded', function() {
console.log(11);
})
3. jQuery 方法
- 等着页面DOM加载完毕再执行js文件
$(document).ready(function() {
console.log(11);
})
简化版
$(function() {
console.log(11);
})
相当于DOMContentLoaded