JS 分为三种使用方法，分别为行内，内嵌，外部。
行内式（不推荐使用）
行内就是 将 JS 代码直接写在 HTML 标签上 ，这种方式的结构、行为分离不够彻底，不利于后
期维护，复用性不强，如果下一个元素有同样的功能，就造成代码重复性很高。 不推荐使用 。
<input type="button" value="点我试试" onclick="alert('Hello World')" />
内嵌式
内嵌是 在页面的 <script></script> 标签内写 JS 代码 ， script 标签一般放在 body 标签内的最下方，内嵌 JS 代码比较集中，耦合度较低，便于维护，但仅限于当前页面的使用，无法被
多个页面重复使用。 推荐学习时使用 。
<body> <div>content</div> <script type="text/javascript"> alert('Hello World~!'); </script> </body>
外部式
外部需要 通过 script 标签引入 JS 文件 到此页面。页面代码跟 JS 代码实现有效分离，降低耦合度，便于代码的维护和扩展，还有利于代码的复用。 推荐使用。
引用外部 js 文件 <script src = "my.js"></script>
