jQuery 的 ready 不等于 JavaScript 的 load

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <script src="../../Library/jquery-3.3.1.min.js"></script>
        <script>
            window.onload = function(){
                alert("页面初始化 1")
            }
            window.onload = function(){
                alert("页面初始化 2")
            }
            window.onload = function(){
                alert("页面初始化 3")
            }
        </script>
    </head>
    <body>
        
    </body>
</html>

window.onload 只会执行最后一次指定的事件处理函数。

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <script src="../../Library/jquery-3.3.1.min.js"></script>
        <script>
            var f1 = function() {
                alert("页面初始化 1")
            }
            var f2 = function() {
                alert("页面初始化 2")
            }
            var f3 = function() {
                alert("页面初始化 3")
            }

            window.onload = function(){
                f1()
                f2()
                f3()
            }
        </script>
    </head>
    <body>
        
    </body>
</html>

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <script src="../../Library/jquery-3.3.1.min.js"></script>
        <script>
            $(function(){
                alert("页面初始化 1")
            })
            $(function(){
                alert("页面初始化 2")
            })
            $(function(){
                alert("页面初始化 3")
            })
        </script>
    </head>
    <body>
        
    </body>
</html>