原生js和jQuery的入口函数对比
原生js和jQuery的入口函数对比

原生js和jQuery的入口函数对比

我们知道,在编写js代码的时候,如果写在html的文件中,脚本在下载和执行期间会阻止HTML的解析。

所以,我们最好把JS的script标签放在body标签内的最后面,这样保证了HTML首先完成解析,页面才能尽快的展现给用户。

入口函数的作用:
有了入口函数,js脚本不会阻断HTML的解析,而是先渲染页面再进行js的解析,从而让script标签的位置显得不太那么局限

(不过良好的代码规范还是最好把script标签放在body标签内的最后面),

window.onload和jQ的入口函数对比:

jQuery 入口函数:

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

JavaScript 入口函数:

window.onload = function () {
    // 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别:

  • jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。
  • JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。

img

发表回复

您的电子邮箱地址不会被公开。