javascript

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

如何把JavaScript 放入HTML 页面

上面的代码会在HTML 页面中产生这样的输出:

Hello World! 实例解释:

如果需要把一段JavaScript 插入HTML 页面,我们需要使用 就可以告诉浏览器JavaScript 从何处开始,到何处结束。

document.write 字段是标准的JavaScript 命令,用来向页面写入输出。

把document.write 命令输入到之间后,浏览器就会把它当作一条JavaScript 命令来执行。这样浏览器就会向页面写入"Hello World!"。

TIY

注意:如果我们不使用

注释行末尾的两个正斜杠是JavaScript 的注释符号,它会阻止JavaScript 编译器对这一行的编译。

实例

head 部分

包含函数的脚本位于文档的head 部分。这样我们就可以确保在调用函数前,脚本已经载入了。

body 部分

执行位于body 部分的脚本。

外部JavaScript

如何访问外部脚本。在哪里放置JavaScript

页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。

位于head 部分的脚本:

当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。

....

位于body 部分的脚本:

在页面载入时脚本就会被执行。当你把脚本放置于body 部分后,它就会生成页面的内容。

在body 和head 部分的脚本:

你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到body,又可以放置到head 部分。

使用外部JavaScript

有时,你也许希望在若干个页面中运行JavaScript,同时不在每个页面中写相同的脚本。为了达到这个目的,你可以将JavaScript 写入一个外部文件之中。然后以.js 为后缀保存这个文件。

注意:外部文件不能包含

提示:您可以把.js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。

JavaScript 语句

JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

这个JavaScript 语句告诉浏览器向网页输出"Hello world":

document.write("Hello world");通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯,而且在web 上的JavaScript 案例中也常常会看到这种情况。

分号是可选的(根据JavaScript 标准),浏览器把行末作为语句的结尾。正因如此,常常会看到一些结尾没有分号的例子。

注释:通过使用分号,可以在一行中写多条语句。

JavaScript 代码

JavaScript 代码是JavaScript 语句的序列。

浏览器按照编写顺序依次执行每条语句。

本例向网页输出一个标题和两个段落:

TIY

JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始,以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落: