JavaScript/第一个程序

介绍

放置代码

介绍

放置代码

以下是一个简单的 JavaScript 语句，它会创建一个弹出对话框，显示“Hello World！”。

alert("Hello World!");

为了让浏览器执行该语句，它必须放在 HTML 的<script>元素内。该元素描述了 HTML 代码中包含可执行代码的部分。稍后会详细介绍。

<script>
  alert("Hello World!");
</script>

<script>元素应该嵌套在 HTML 文档的<head>元素内。假设页面在一个启用了 JavaScript 的浏览器中查看，浏览器将在页面加载时执行（运行）该语句。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Some Page</title>
    <script>
      alert("Hello World!");
    </script>
  </head>
  <body>
    <p>The content of the web page.</p>
  </body>
</html>

这个基本的“Hello World”程序可以作为你创建任何新程序的起点。

练习

1. 复制并粘贴基本程序到一个文件中，并将其保存在你的硬盘上，文件名命名为 'exercise_1-1.html'。你可以用不同的方式运行它

通过使用文件管理器找到文件并使用网页浏览器打开它。
通过启动你的浏览器，然后从菜单中打开文件。
通过启动你的浏览器，然后使用 file 协议指定 'exercise_1-1.html' 的 URL。请注意 a) 在 'file:' 之后有 3 个斜杠，b) 用你的目录名替换 'temp'。
- Windows: file:///C:/temp/exercise_1-1.html（这是 Windows 语法，但是使用斜杠而不是 反斜杠）
- Linux: file:///temp/exercise_1-1.html

发生了什么？

点击查看解决方案

A dialog appears with the text: Hello World!

2. 将上面的文件保存为 'exercise_1-2.html'。将 alert("Hello World!"); 中的双引号替换成单引号，使其变成 alert('Hello World!'); 并保存结果。如果你在浏览器中打开这个文件，会发生什么？

点击查看解决方案

Nothing changes. A dialog appears with the text: Hello World! Double quotes and single quotes (apostrophes) are equivalents in JS.