1.需要入口函数的原因
在js解释器解释代码时,是从上往下逐条执行的,但是在js文件中,存在许多进行页面交互的代码,它们需要获取到当前按钮元素,比如:var btn = document.querySelector('button'), 如果将js文件写在了页面结构之前,就会导致检测不到当前所需要获取的页面元素,从而导致报错。
2.入口函数的作用
入口函数也称为是窗口事件,其作用是让页面先加载完毕之后再执行其内的代码,保证页面元素在js文件之前被读取,从而保证js代码中的页面元素获取语句可以正确执行。
3.两种入口函数及其二者的区别
window.onload = function(){}
window.addEventListener(“load”,function(){})
document.addEventListener(“DOMContentLoaded” ,function(){})
// load 等页面内容全部加载完毕才执行
//DOMContentLoaded DOM加载完毕,不包含图片flash css等就可以执行 加载速度比load快
原理是让文档内容优先加载,加载完毕后才触发这个事件(即开始进行事件解读),属于回调函数