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

最新推荐文章于 2023-12-23 21:55:15 发布

前端小白匠

最新推荐文章于 2023-12-23 21:55:15 发布

阅读量965

点赞数 5

文章标签： javascript js jquery

本文链接：https://blog.csdn.net/qq_42805569/article/details/110228520

版权

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

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

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

（不过良好的代码规范还是最好把script标签放在body标签内的最后面），

	是否有覆盖问题	执行时机
原生js的入口函数 window.onload = function () { 逻辑代码 }	window.onload 入口函数存有覆盖问题，一个页面中只能由一个window.onload，否则有覆盖其问题	window.onload 当页面加载完成的, 还需要等待页面引用的外部资源（css js img video ...）加载完成才会执行
jQuery的入口函数 $(function () { 逻辑代码 })	jQ的入口函数没有覆盖问题的	jQ的入口函数先于window.onload执行的，jQ的入口函数只要是页面加载完成，就会执行的

是否有覆盖问题

执行时机

原生js的入口函数

window.onload = function () {

逻辑代码

}

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

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

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

jQuery的入口函数

$(function () {

逻辑代码

})

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

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

关注