window.onload 和 $(document).ready()

一. window.onload

     1. 必須等到頁面上全部元素（包括圖片, JS文件，CSS文件等外部資源）加載完成後才執行

     2. window.onload綁定多個函數時，只會執行最後一個

<script type="text/javascript">
        function w1() {
            alert("w1");
        }
        function w2() {
            alert("w2");
        }
        window.onload = w1;
        window.onload = w2;

    //結果彈出：w2
    </script>

 

二. $(document).ready()

     1. $(document).ready(function(){});  能夠簡寫成$(function(){});

     2. DOM 樹就緒後（無需等待圖片的加載）執行，與window.onload相比，$(document).ready()更早運行

     3. $(function(){}) 能夠屢次綁定不一樣函數，且這些函數都獲得執行

    <script type="text/javascript">
        function w1() {
            alert("w1");
        }
        function w2() {
            alert("w2");
        }

        $(function () {
            w1();
        });
        $(function () {
            w2();
        });
    //先彈出：w1    //後彈出：w2    </script>