关于$(function(){ }), window.onload,$(document).ready(),DOMContentLoaded的执行顺序的区别;
##附码
1. window.onload=function ( ) { console.log(1) }
2. document.addEventListener("DOMContentLoaded",function () {
console.log(4)
},false)
3. $(document).ready(function () {
console.log(3)
})
4. $(function () {
console.log(2)
});
最后执行结果为:
所以明显,执行顺序为:
document.addEventListener("DOMContentLoaded")>> $(document).ready() >> $(function () {}>>window.onload;
所以我们如果想要在页面加载前执行js代码的话,采用document.addEventListener("DOMContentLoaded")方法最好;