欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

入口函数的作用,以及原生js和jQuery库中的入口函数的不同

程序员文章站 2022-03-04 21:56:01
我们知道,在编写js代码的时候,如果写在html的文件中,脚本在下载和执行期间会阻止HTML的解析。所以,我们最好把JS的script标签放在body标签内的最后面,这样保证了HTML首先完成解析,页面才能尽快的展现给用户。入口函数的作用: 有了入口函数,js脚本不会阻断HTML的解析,而是先渲染页面再进行js的解析,从而让script标签的位置显得不太那么局限 (不过良好的代码规范还是最好把script标签放在body标签内的最后面),window.onload和jQ的入口......

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

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

入口函数的作用:

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

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

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

  是否有覆盖问题 执行时机

原生js的入口函数

 window.onload = function () {

          逻辑代码  

 }

window.onload 入口函数存有覆盖问题,

一个页面中只能由一个window.onload,否则有覆盖其问题

window.onload 当页面加载完成的, 还需要等待页面引用的外部资源(css js img video ...)加载完成才会执行

jQuery的入口函数 

$(function () {

          逻辑代码

 })

jQ的入口函数没有覆盖问题的

jQ的入口函数先于window.onload执行的,jQ的入口函数只要是页面加载完成,就会执行的

 

本文地址:https://blog.csdn.net/qq_42805569/article/details/110228520