持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第 1 天，点击查看活动详情
大家好，我是皮皮。咱们学习一下 JavaScript 的使用方式，那也就是如何在 HTML 页面中使用 JavaScript。使用 JavaScript 一共分为三种方式，其实与 CSS 使用方式非常类似：
- 在行内使用；
- 在文件内部使用
- 在外部使用。
在行内使用
未使用 JavaScript。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js 三种使用方式</title>
</head>
<body>
<h1>请点击我！</h1>
</body>
</html>
打开浏览器执行结果。
点击请点击我，无任何响应。
在 h1 标签中添加 onclick 事件之后，如下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js 三种使用方式</title>
</head>
<body>
<h1 onclick="alert('您好我是JavaScript');">请点击我！</h1>
</body>
</html>
使用浏览器打开执行，点击请点击我，结果如下。
使用 onclick 之前，h1 标签不具备被点击的动作的，它是没有被点击这个动作的，但是使用 onclick 属性之后，on 就是绑定的意思，在 h1绑定了一个点击的动作，动作干什么呢？弹一个框，并且显示出 alert 弹框里边的内容，alert 就是js代码。
在文件内部使用
可以在文件的内部使用 js，这个与 CSS 不太一样，。使用内部脚本需要使用 script。标准 script 写在 head 和 body 标签之间，但其实只要写在 HTML 文件内部即可，比如 html 标签外部、某个标签内部都可以。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js 三种使用方式</title>
</head>
<script>
alert("先弹框，点击确定，在继续往下执行")
</script>
<body>
<h1 onclick="alert('您好我是JavaScript');">请点击我！</h1>
</body>
</html>
打开浏览器执行，结果如下。
从上至下执行代码，先弹框，弹完框后才会显示 h1 标签中内容。同时也证明了 JS 是解释型的脚本语言。先碰到谁执行谁。
这里建议 JS 代码最写在 head 与 body 标签之间。
在外部使用
首先，需要创建一个.js 文件夹。
alert("你好,我是外部JS");
需要下 HTML 文件中引入 JS 代码，如何引用。使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js 三种使用方式</title>
<script src="01.js三种使用方式.js"></script>
</head>
<script>
alert("你好,我是文件内部JS")
</script>
<body>
<h1 onclick="alert('您好我是JavaScript');">请点击我！</h1>
</body>
</html>
打开浏览器执行，结果如下。
先弹谈的是外部，然后谈的是内部。注意：不是优先级，谁在上谁先执行。因为它是解释型语言。
