Js函数自运行总结

微信公众号：不清不楚的迷茫
关注可了解更多的教程及排版技巧。问题或建议，请公众号留言;
如果你觉得教程对你有帮助，欢迎赞赏^[1]

 1<!-- script标签不能写作闭合标签,否则不生效 -->
 2<script type="text/javascript" src="../ExternalLibrary/jquery.js"></script>
 3<script type="text/javascript">
 4    // 01.当页面加载完毕函数自动运行(本质：利用js闭包的形式将js代码嵌入body)
 5    var initial = function(){
 6        alert(111);
 7    }();
 8
 9    //02.当页面加载完毕函数自动运行(整个页面的document,包括所有外部图片和资源)
10    window.onload=function(){
11        alert(222);
12    };
13
14    //03.当页面加载完毕函数自动运行(jquery方式：只需要加载DOM结构，在浏览器把HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前)
15    $(document).ready(function(){
16        alert(333);//可以看到弹出顺序不一致
17    });
18
19    //04.当页面加载完毕函数自动运行(第三种方式的缩写)
20    $(function(){
21        alert(444);
22    });
23
24    //05.当页面加载完毕函数自动运行(第一种方式的变形,前面的方法结尾需要有分号,本质：利用js闭包的形式将js代码嵌入body)
25    (function(){
26        alert(555);
27    })(jQuery)
28
29</script>