JavaScript/Hello World!

本章在基于HTML5的标准上进行叙述。

以下是一条JavaScript语句，它会弹出一个对话框并显示"Hello World!"（您可以使用“JavaScript控制台”运行这条语句）：

alert("Hello World!");

或者

console.log("Hello World!");

要让浏览器执行这些语句，它们必须被放置在一对 <script> 标签内。这个标签标记了HTML的哪个部分是可以被执行的，详细的内容会在稍后展开。HTML中的JavaScript代码在 <script> 标签外部是无法运行的。

<script type="text/javascript">
  alert("Hello World!");
</script>

<script> 应放置在一个HTMl文档的 <head> 标签内。在开启了 JavaScript 的浏览器中，打开并载入页面的同时，浏览器会执行这些代码。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Hello World!</title>
    <script type="text/javascript">
      document.write("Hello World!");    // 在网页中显示。
      alert("Hello World!");             // 以对话框的形式显示。
    </script>
  </head>
  <body>
    <p>网页内容</p>
  </body>
</html>

另外，你也可以在浏览器的地址栏，用javascript:[Javascript代码] 的方法在全局范围执行代码：

javascript:document.write("Hello World!");alert("Hello World!");    /* 和上例有什么差別？*/

这个最基础的 Hello world 程序可以当作你开始编写新程序的起点。

小练习

练习 1-1

将上面基本的 Hello world 程序复制粘贴到一个文件里，保存为 "exercise 1-1.html"。你有两种方式来运行它：

通过文件管理器找到这个文件，并用浏览器打开它。
打开浏览器，从浏览器中打开这个文件。例如：使用火狐浏览器，先打开浏览器，然后点击菜单里的文件，选择打开文件，然后选择你要打开的文件。

打开这个 .html 文件后会发生什么？

答案

会弹出一个对话框，并显示文字：Hello World!

练习 1-2

将上一题的文件另存为 "exercise 1-2.html"。修改新的文件，将 alert("Hello World!"); 中的双引号改成单引号，即 alert('Hello World!'); ，然后保存文件。如果你在浏览器中打开这个文件，会发生什么？

答案

和上一题没有任何区别。会弹出一个对话框，并显示文字：Hello World! 双引号和单引号是等价的。

JavaScript/First Program