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>
![P8794 [蓝桥杯 2022 国 A] 环境治理](http://pic.xiahunao.cn/P8794 [蓝桥杯 2022 国 A] 环境治理)
)
)
