在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式：

js动态加载外部插件后，导致页面加载顺序不是按照代码的书写顺序执行，引起报错， 这时候就可以用监听页面加载完成事件来指定代码的加载顺序

方法

说明 $(function){}是$(document).ready(function(){})的简写方式。 两个都是document加载完成后就执行回调的方法

方法

说明 二者都是等到整个window加载完成执行的方法，本质上相同。

JQuery方法，是等待document加载完成后执行， load方法，这里监控的是window加载完成后执行。 所以，这里load方法会在JQuery方法之后执行。

demo如下：

参考链接：https://www.cnblogs.com/xuxiaoyu/p/11554944.html