热身够了,现在该开始编写脚本了。在本章中,你将学习把脚本放在HTML中的什么位置;如何在脚本中编写注释,让自己在过了一段时间之后仍然能够轻松地理解这些脚本;以及如何使用脚本与用户进行通信。还会看到如何使页面自动地转到另一个页面(这称为重定向,redirection)。我们开始吧!
目前需要知道的HTML基础知识见表2-1。
表2-1 目前需要了解的HTML知识
|
标 签 |
属 性 |
意 义 |
|
html |
包含网页的HTML部分 |
|
|
head |
包含网页的头部分 |
|
|
script |
包含网页的脚本或对外部脚本文件的引用。脚本常常是JavaScript,但不一定 |
|
|
language |
脚本所用的编程语言。这个属性已经废弃了,由type代替 |
|
|
type |
脚本所用的编程语言。必须有的属性 |
|
|
src |
外部脚本的位置 |
|
|
title |
包含网页的标题 |
|
|
body |
包含网页的体部分 |
|
|
bgcolor |
设置页面的背景颜色 |
|
|
h1...h6 |
这些标签的内容作为标题信息;h1具有最大的标题大小,h6是最小的标题 |
|
|
align |
按照水平或垂直对齐,描述这个标签的内容应该放在页面上的什么位置 |
|
|
a |
链接到另一个网页 |
|
|
href |
指定当点击链接时用户应该转到哪里 |
|
|
id |
分配给链接的id |
2.1 将脚本放在哪里
脚本可以放在HTML页面上的两个位置:在<head>和</head>标签之间(称为头脚本,header script),或者在<body>和</body>标签之间(体脚本,body script)。脚本2-1是体脚本的一个示例。
脚本2-1 脚本总是需要包围在<script>和</script> HTML标签之间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My first script</title>
</head>
<body bgcolor="#FFFFFF">
<h1>
<script language="Javascript" type="text/javascript">
document.write("Hello, world!");
</script>
</h1>
</body>
</html>
有一个标出脚本的HTML容器标签,这个标签以<script>开头,以</script>结束。
编写脚本的步骤如下:
(1) <script language="Javascript" type="text/javascript">
这是script开始标签。这使浏览器意识到后面的代码是JavaScript而不是HTML。language="Javascript"属性告诉浏览器将使用哪种脚本语言,type="text/javascript"属性告诉浏览器脚本是组织为JavaScript代码的纯文本。
(2) document.write("Hello, world!");
这是JavaScript的第一行:它获得文档窗口并在其中写入“Hello, world!”,如图2-1所示。请注意这一行末尾的分号;这告诉浏览器的JavaScript解释器这一行结束了。除了极少的例外情况,在本书中的每行JavaScript代码的末尾都使用分号。

图2-1 “Hello, world!”示例是编程图书中的传统示例。我们也不想违反传统
(3) </script>
这结束JavaScript并告诉浏览器后面的代码是HTML。
ü提示
q 不需要在script结束标签中添加language或type属性。
q script标签的language属性在XHTML中已经废弃了(deprecated),这意味着W3C(负责XHTML的标准组织)已经将这个属性标为在标准的未来版本中不必支持的属性。我们在本书中使用它,但是你在自己的脚本中可以选择跳过它。
q 如果每一行上只有一个语句,那么在JavaScript行的末尾使用分号是可选的。为了使代码清晰,我们在本书中坚持使用分号;由于同样的原因,我们建议你养成在代码中包含分号的习惯。
q 对于本书中的大多数地方,我们在代码解释中省略了<script>标签。可以看到,在脚本代码中仍然有这个标签,而且仍然需要它,但是我们不会反复解释它。
q 在一个页面上,可以有任意数量的script标签(因此有多个脚本)。







