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快

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