解决$(window).load(function(){ …})报错问题及详解$(document).ready()和$(window).load()的区别

1.解决$(window).load(function(){ …})报错问题

①修改：$(window).on(“load”,function(){ …})

2. $ (document).ready()和 $ (window).load()的区别

①
$ (document).ready() ：文档准备好的时候触发。
$(window).load()：整个页面加载完毕触发。

②
$(document).ready()： 可以被侦听多次。

$(window).load()：只有一次侦听有效，如过多次被侦听，只有最后一次侦听有效果。

3.总结

① $ (document).ready() 比 $(window).load() 先执行

② $ (document).ready() 页面的DOM结构加载完就被触发

③$(window).load() 页面中所有（元素及内容）资源全部加载完成后被触发

④ready（）是一个方法，方法之间不会互相影响，所以会顺序执行。

⑤onload是一个事件，它只能绑定一个值，后面的会覆盖前面。

⑥ $ (document).ready() 等同于$(function(){});

⑦$(window).on(“load”,function(){ …}) 等同于 window.onload = function(){}

（④⑤引用链接：https://www.cnblogs.com/liushuijinger/p/4263567.html）

参考链接：https://blog.vini123.com/157