为什么要把js放在body的末尾?

为什么要把JS放在BODY末尾

BODY中编写的都是HTML标签，JS很多时候需要操作这些元素，首先我们要保证元素加载成功，才可以在JS中获取到，所以我们通常会把JS放在BODY的末尾。

如果把JS放在HTML标签前面，如何等到结构加载完成再加载JS？

1. JS

window.onload = function (){ // 页面中所有的资源文件加载完成就会执行
}
复制代码

2. JQ

$(document).ready(function (){ // 页面中的结构加载完成会执行
    // 逻辑代码
})
// JQ源码的原理
window.addEventList('load',funcion (){},false);IE低版本不兼容
window.attachEvent('onreadystatechange',function (){});IE低版本
复制代码