一、入口函数

1.javascript入口函数

javascript 入口函数是使用windows.onload实现的会把原有windows.onload覆盖

windows.onload = init
//init1 覆盖init2
windows.onload = init1

2.jQuery入口函数

2.1 jQuery入口函数的两种写法

第一种写法

$(document).ready(
function (){
}
)

第二种写法

$(
function(){
}
);

二、javascript与jQuery入口函数的区别

1.JavaScript的入口函数比jQuery的入口函数早一些

• JavaScript的入口函数要等到 页面中所有资源（包括图片、文件) 加载完成才开始执行。
• jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。

2.jQuery的入口函数不会覆盖原有的入口函数，而会进行添加

下面这个实例演示了以上的两个区别

 window.onload = init1;
        window.onload = init2;
        function init1()  {
            console.log("init1");
        }
        function init2()  {
            console.log("init2");
        }
        $(document).ready(
            function (){
                console.log("第一种入口函数的写法");
            }
        );
        $(
            function(){
                console.log("这是jquery入口函数的第二种写法");
            }
        );

可以看到javascript的入口函数执行的比jQuery的晚，且会进行覆盖

image.png

3.jQuery执行较早的好处

例如淘宝，京东这类大网站，图片等资源较多，若要等待全部加载就会导致代码执行很缓慢,因此文档树加载完成再执行代码执行会比较快些