编码时发现js文件放在<head></head>之间会失效，后来将js放置在</body>前就起作用了。
因为文档还没加载，就读了js，js就不起作用了想在head里用的话
1、纯js 使用window.onload = function(){//这里包裹你的代码}
2、jquery 使用$(function(){})
$(function(){}) 是 $(document).ready(function(){}) 的简写，用来在DOM加载完成之后执行一系列预先定义好的函数。
js可以分为外部的和内部的，外部的js一般放到head内。内部的js也叫本页面的JS脚本，内部的js一般放到body内，这样做的目的有很多：
1.不阻塞页面的加载(事实上js会被缓存)。
2.可以直接在js里操作dom，这时候dom是准备好的，即保证js运行时dom是存在的。
3.建议的方式是放在页面底部，监听window.onload 或 readystate 来触发js。