ready()与onload()事件的区别 &document.addEventlistener()

1、$(document).ready(function(){})

1、$(document).ready()是当页面当中的DOM元素加载完成后就会去触发js代码；只是等标签加载完成，不管外部引入的img、视频。音频等文件。

2、$(document).ready() 可以同时编写多个且可以执行多次。

3、其他形式：
$().ready(function(){})、
$(function(){})

另外：document.addEventlistener("DOMContentLoaded",function(){})等同于$(document).ready(function(){})
但是document.addEventlistener("DOMContentLoaded",function(){})比$(document).ready(function(){})先执行

2、window.onload() = function(){}

1、window.onload()是页面全部加载完成，包括外部引入的文件下载完成后，才去触发js代码。

2、window.onload() 只能执行一次，如果多次，后面会覆盖前面的。