微信公衆號:不清不楚的迷茫
關注可瞭解更多的教程及排版技巧。問題或建議,請公衆號留言;
如果你覺得教程對你有幫助,歡迎讚賞[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>