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"。你有两种方式来运行它:

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

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

练习 1-2

编辑

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

JavaScript/First Program