JavaScript 用法
首先，让我们看看如何将脚本添加到网页上。对于服务器端环境（如 Node.js），你只需要使用诸如node my.js的命令行来执行它。
script 标签
我们几乎可以使用<script>标签将 JavaScript 程序插入到 HTML 文档的任何位置。脚本可以放置在HTML页面的<head>或<body>中，具体取决于您希望何时加载脚本。
<!DOCTYPE HTML> <html> <body> <p>script 标签之前...</p><script> alert('Hello, world!');</script> <p>...script 标签之后</p> </body> </html>
<script>标签中包裹了 JavaScript 代码，当浏览器遇到<script>标签，代码会自动运行。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunc() {
document.getElementById("output").innerHTML = "Hello World";
}
</script>
</head>
<h2>JavaScript in Head</h2>
<button type="button" onclick="myFunc()">Click</button>
<p id="output">This is a Paragraph</p>
</html>
内联放置 JavaScript 代码
您还可以使用事件属性（例如 onclick，onkeypress等）将 JavaScript 代码直接放在 HTML 标记内。
<p onclick="this.innerHTML='Hello World';">This is First Paragraph (Click me)</p>
但是，应避免将大量 JavaScript 代码内联，因为 JavaScript 会使 HTML 混乱，并使 JavaScript 代码难以维护。
外部脚本
如果你有大量的 JavaScript 代码，我们可以将它放入一个单独的文件。
脚本文件可以通过src特性（attribute）添加到 HTML 文件中。
<script src="/path/to/script.js"></script>
这里，/path/to/script.js是脚本文件从网站根目录开始的绝对路径。当然也可以提供当前页面的相对路径。例如，src ="script.js"，就像src="./script.js"，表示当前文件夹中的"script.js"文件。
我们也可以提供一个完整的 URL 地址，例如：
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
要附加多个脚本，请使用多个标签：
<script src="/js/script1.js"></script> <script src="/js/script2.js"></script> …
一般来说，只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。使用独立文件的好处是浏览器会下载它，然后将它保存到浏览器的缓存中。之后，其他页面想要相同的脚本就会从缓存中获取，而不是下载它。所以文件实际上只会下载一次。这可以节省流量，并使得页面（加载）更快。
如果设置了src特性，script标签内容将会被忽略。一个单独的<script>标签不能同时有src特性和内部包裹的代码。
这将不会工作：
<script src="file.js"> alert(1); // 此内容会被忽略，因为设定了 src </script>
我们必须进行选择，要么使用外部的<script src="…">，要么使用正常包裹代码的<script>。
为了让上面的例子工作，我们可以将它分成两个<script>标签。
<script src="file.js"></script> <script> alert(1); </script>