js文件的入口代码及需要入口代码的原因

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快
原理是让文档内容优先加载，加载完毕后才触发这个事件（即开始进行事件解读），属于回调函数