<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>