这里有一个简单的 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'。你可以通过以下几种方式运行它:

    • 使用文件管理器打开该文件,并通过网页浏览器打开。

    • 启动浏览器,然后从菜单中打开该文件。

    • 启动浏览器,然后使用文件协议指定 '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

    会发生什么?

    点击查看解决方案
    会弹出一个对话框,显示文本:Hello World!

  2. 将上述文件保存为 'exercise_1-2.html'。将 alert("Hello World!"); 语句中的双引号替换为单引号,使其变为 alert('Hello World!');,然后保存文件。如果你在浏览器中打开该文件,会发生什么?

最后修改: 2025年01月13日 星期一 15:00