js代码的执行顺序

关于$(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"）方法最好；