我们知道,在编写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 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
