三种方式：
1、写在script标签对中（不能加上src属性）。
2、使用src属性，进行外部导入。
3、在标签中的属性中使用: 比如button、a。
测试代码
Html文件
<!DOCTYPE html>
<html>
<head>
<!--
script标签对：
定义和用法
<script> 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
提示和注释：
注释：假如此元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行。<frameset> 标签之后的脚本会被忽略。
必选的属性
属性 值 描述
type MIME-type 指示脚本的 MIME 类型(默认是"text/javascript"。)。
可选的属性
属性 值 描述
async async 规定异步执行脚本（仅适用于外部脚本）。
charset charset 规定在外部脚本文件中使用的字符编码。
defer defer 规定是否对脚本执行进行延迟，直到页面加载为止。
language script 不赞成使用。规定脚本语言。请使用 type 属性代替它。
src URL 规定外部脚本文件的 URL。
xml:space preserve 规定是否保留代码中的空白。
全局属性
<script> 标签支持 HTML 中的全局属性。
-->
<meta charset="utf-8" />
<title></title>
<!--
1、写在script标签对中（不能加上src属性）。
-->
<script type="text/javascript">
alert("我是编写位置一：script标签对。");
</script>
<!--
2、使用src属性，进行外部导入。
使用src进行导入之后，再在标签对中写JS代码会被忽略。
写了之后，在console中有：
Failed to load resource: the server responded with a status of 404 (Not Found)
好处：
代码重用，可以被许多地方调用。
利于浏览器的缓存。
推荐使用。
-->
<script type="text/javascript" src="js/test.js"> //多个script标签对存在的时候，按照顺序执行。
//alert("我试试！"); //这里的JS代码将会被忽略，不会被执行。
</script>
</head>
<body>
<!--
3、在标签中的属性中使用: 比如button、a。
缺点：行为和结构耦合性太高，不方便维护，不推荐使用，除非有特殊要求。
-->
<!--在onclick属性中使用JS代码，直接写就是了。-->
<!--注意：这时候应该使用单引号表示字符串；-->
<!--当点击这个button的时候，将会执行其中编写的JS代码-->
<button οnclick="alert('我是编写位置三：button的onclick中！')">点我</button>
<!--在href属性中写上 javascript: JS代码内容 ;-->
<!--当点击这个链接标签的时候，将会执行其中编写的JS代码-->
<!--一般希望超链接点击的结果不进行跳转的时候-->
<a href="javascript:alert('我是编写位置三：a的href中！');">点我一下</a>
</body>
</html>
外部JS代码
alert("我是编写方式二：外部导入JS代码！");
61
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
