页面加载事件

Posted 2020-11-26 mengbing

DOM树加载完成

1. js中的事件

// 该事件在ie8之前不支持，ie8中可以使用readystatechange事件，在更早前的ie版本中可以使用document.documentElement.doScroll(‘left‘)事件
document.addEventListener(‘DOMContentLoaded‘, function(){
　　alert(1)
});

 

 

2. jquery中的事件

$(document).ready(function(){
    alert(1)
});

// 简写
$(function(){
    alert(1)
})

 

页面加载完成（页面资源、图片等都加载完成）

1. js中的事件

window.addEventListener("load",function(){
    alert(1)
});

// 或者
window.onload=function(){
    alert(1)
} 

 

2. jquery中的事件

$(window).on("load",function(){
    alert(1)
});

// load()方法在jquery1.8中已废弃
$(window).load(function(){
    alert(1)
});