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>