js的引入要在body的后面写
按照传统的做法，所有script元素都应该放在页面的head元素中，这种做法的目的就是把所有外部文件（包括css和JavaScript文件）的引用都放在相同的地方，可是，在文档的head元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成之后，才能开始呈现页面内容（浏览器在遇到body标记时才开始呈现内容）。
<script src = "my.js"></script>
<body> <div>content</ div> <script type="text/javascript">alert( 'Hello world~! '); </script> </ body>
JS分为三种使用方法，分别为行内，内嵌，外部。
行内式（不推荐使用>
行内就是将JS代码直接写在HTML标签上，这种方式的结构、行为分离不够彻底，不利于后期维护，复用性不强，如果下一个元素有同样的功能，就造成代码重复性很高。不推荐使用。
<input type="button" value="点我试试" οnclick="alert( 'Hello world')" />
内嵌式
内嵌是在页面的<script>x/script>标签内写Js代码，script标签一般放在 body标签内的最下方，内嵌JS代码比较集中，耦合度较低，便于维护，但仅限于当前页面的使用，无法被多个页面重复使用。推荐学习时使用。
最为重要的一点！！
行内注释 注释
注释：方便自己和他人阅读，方便代码维护和修改，人员接替时能保证稳定过渡
