如何正确使用 JavaScript
如果你以前使用过 CSS，那么包含 JavaScript 代码的方式会更容易理解。
这里提出了 三个重要步骤，你在编写或使用别人的 JavaScript 代码时，应该始终遵循：
- 使用
<script>标签，告诉浏览器你正在使用 JavaScript， - 编写或下载 JavaScript 代码，确保代码符合你的需求，
- 测试你的脚本，确保它能正确运行！
为什么要测试 JavaScript？
- 代码错误：人总会犯错，JavaScript 语法错误可能会导致脚本无法运行，
- 浏览器兼容性问题：不同的浏览器（Chrome、Firefox、Edge、Safari）解析 JavaScript 的方式可能会有所不同，
- 操作系统差异：Windows、macOS、Linux 可能对 JavaScript 代码的某些功能有不同的处理方式。
因此，在使用 JavaScript 时，一定要在不同的操作系统和浏览器上进行测试，以确保它能正常运行！
一、你的第一个 JavaScript 脚本
1.1. JavaScript 运行环境
要运行 JavaScript 脚本，我们需要一个工作环境。由于本书是在线教程，因此浏览器是一个不错的选择。
关键点：
- 我们会尽量减少浏览器特有的命令（例如
alert），以便你可以更专注于 JavaScript 本身。 - 如果你计划使用 Node.js 之类的服务器端环境，我们不会让你花太多时间在浏览器特有的功能上。
- 下一部分，我们将重点讲解 JavaScript 在浏览器中的使用。
1.2. 如何在网页中引入 JavaScript？
在网页中，我们可以通过 <script> 标签来附加 JavaScript 代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My First JavaScript</title>
</head>
<body>
<script>
console.log("Hello, World!");
</script>
</body>
</html>
1.3. 如何在服务器端（Node.js）运行 JavaScript？
如果你使用 Node.js，可以在命令行运行 JavaScript 文件，例如：
node my.js
其中，my.js 是你的 JavaScript 文件。
1.4. <script> 标签
JavaScript 代码可以使用 <script> 标签插入到 HTML 文档的几乎任何位置。
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript Example</title>
</head>
<body>
<h1>My First JavaScript</h1>
<script>
alert("Hello, World!");
</script>
</body>
</html>
在上面的示例中，JavaScript 代码被直接插入到 HTML 页面内，并会在页面加载时执行 alert("Hello, World!");，弹出一个 Hello, World! 的对话框。
JavaScript 可以插入到 HTML 的不同位置，但通常建议放在 <body> 底部 或 外部文件 以优化性能。
1.5. 现代 HTML 语法与 <script> 标签
在早期的 HTML 代码中，<script> 标签常常带有一些现在几乎不再使用的属性，但仍可能在旧代码中看到：
1️.5.1) type 属性 (<script type="...">)
旧标准（HTML4） 要求必须指定脚本类型，比如：
<script type="text/javascript">
console.log("Hello, World!");
</script>
现代 HTML5 已不再需要 type="text/javascript"，因为 JavaScript 是默认脚本语言。
🔹 现在 type 主要用于 JavaScript 模块（type="module"），但这是一个高级主题，我们将在后续教程中讨论 ES Modules。
1.5.2) language 属性 (<script language="...">)
早期的 HTML 使用 language 属性来指明脚本的语言，例如：
<script language="JavaScript">
console.log("Hello, World!");
</script>
✅ 现代 HTML5 也不再需要 language 属性，因为浏览器默认识别 JavaScript。
1.5.3) 旧式 JavaScript 注释（避免旧浏览器显示代码）
在非常古老的 HTML 书籍和指南中，你可能会看到 <script> 标签中包含HTML 注释，如下所示：
<script>
<!--
console.log("Hello, World!");
//-->
</script>
🔹 为什么要这样做？
在 1990 年代，有些不支持 JavaScript 的旧浏览器会直接显示 JavaScript 代码，所以开发者使用 <!-- ... --> 来隐藏它。
✅ 现代浏览器完全支持 JavaScript，这种方式已不再需要！
1.5.4) 脚本前后的注释
在非常古老的书籍和指南中，你可能会在 <script> 标签内看到如下注释：
<script type="text/javascript"><!--
...
//--></script>
这种技巧在现代 JavaScript 中已不再使用。这些注释用于隐藏 JavaScript 代码，以防旧浏览器无法解析 <script> 标签。由于过去 15 年发布的浏览器都不会有这个问题，这类注释可以帮助你识别非常古老的代码。
1.6.外部脚本
如果我们的 JavaScript 代码较多，可以将其放入单独的文件中。
使用 src 属性将脚本文件附加到 HTML 页面：
<script src="/path/to/script.js"></script>
这里，/path/to/script.js 是从网站根目录到脚本的绝对路径。也可以提供相对路径，例如 src="script.js" 或 src="./script.js"，这表示当前文件夹中的 script.js 文件。
我们也可以提供完整的 URL。例如：
<script src="https://example.com/path/to/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
这将从指定的 URL 加载 JavaScript 文件。
要附加多个脚本，请使用多个 <script> 标签：
<script src="/js/script1.js"></script> <script src="/js/script2.js"></script> …
通常，只有最简单的脚本会直接写入 HTML，更复杂的脚本会放入单独的文件中。将脚本放入单独文件的好处是，浏览器会下载并将其存储在缓存中。
其他引用相同脚本的页面将直接从缓存中获取，而不是重新下载，这样文件实际上只会下载一次。这不仅减少了网络流量，还能提高页面加载速度。
如果设置了 src 属性，则脚本标签内的内容将被忽略:
单个 <script> 标签不能同时包含 src 属性和内部代码。
下面的写法是无效的：
<script src="file.js"> alert(1); // the content is ignored, because src is set </script>
我们必须选择外部脚本 (<script src="…">) 或 内部脚本 (<script> 内包含代码)。
上面的示例可以拆分成两个独立的脚本，使其正常工作：
<script src="file.js"></script> <script> alert(1); </script>
总结
-
我们可以使用
<script>标签将 JavaScript 代码添加到页面。 -
type和language属性不是必需的。 -
可以使用
<script src="path/to/script.js"></script>插入外部 JavaScript 文件。
关于浏览器脚本及其与网页的交互，还有很多内容需要学习。但请记住，本教程的重点是JavaScript 语言本身，因此我们不应被浏览器特定的实现所干扰。
我们将使用浏览器作为 JavaScript 的运行环境，这对于在线学习来说非常方便，但它只是众多运行环境之一。
你的第一个 JavaScript 脚本 (老版本）现代 HTML5 已不再需要 type="text/javascript"，因为 JavaScript 是默认脚本语言。
按照经典的编程教程示例，我们来使用 JavaScript 在浏览器中打印出 “Hello World”。
我知道这可能不太有趣，但这是一个很好的方式，让我们了解在 JavaScript 中完成某个任务所需要的基本步骤和环境。
<html>
<body>
<script type="text/JavaScript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
显示结果：
Hello World!
理解 JavaScript 代码的基本结构
1️⃣ 使用 <script> 标签
首先，我们需要告诉浏览器，我们正在使用 JavaScript，这就是 <script> 标签的作用。
2️⃣ 指定脚本类型
接着，我们使用 type="text/javascript" 来指定 JavaScript 代码的类型。
这类似于在 CSS 中使用 type="text/css"，用于告诉浏览器代码的格式。
注意：现代 HTML5 中可以省略
type="text/javascript"，因为 JavaScript 是默认的脚本类型。
3️⃣ 添加 HTML 注释（可选）
为了防止不支持 JavaScript 的旧浏览器直接显示代码，我们可以用 HTML 注释包裹 JavaScript 代码。
Linux, PHP, C，C++，JavaScript，verilog 老师
