2.3 JavaScript语言基础

2.3.1 JavaScript语法简介

JavaScript是网络上的最流行的解释型脚本语言。JavaScript可用于编写客户端的脚本程序,由Web浏览器解释执行;也可用于编写运行在服务器端的脚本程序,由服务器端动态地处理用户提交的请求,并向客户端返回处理结果。JavaScript通常简称为JS。

1.JavaScript的语法格式

(1)<script>标签

通常使用JavaScript的方法是直接把JavaScript嵌入到网页文档中。在HTML文档中嵌入JavaScript语句时,需要使用<script>标签。<script>和</script>之间的代码行包含JavaScript语句,告诉浏览器在执行程序时,JavaScript语句从何处开始和何处结束。例如:

浏览器会解释并执行位于<script>和</script>之间的JavaScript语句。

(2)JavaScript的变量

在JavaScript中,所有类型的变量都由关键字var声明,其语法格式如下:

var 变量;

例如:

由于JavaScript是弱类型的语言,所以变量可以无须先声明而直接赋值使用。例如:

str = "Hello";

在JavaScript中,变量名必须以字母或下画线开头,空格、加减号、逗号等不能为变量名。

JavaScript语言是严格区分字符大小写的,因此,变量A与变量a代表两个不同的变量。

(3)JavaScript的语句

同Java、C语言类似,JavaScript使用分号“;”表示一条语句的结束。但用分号结束一条语句并不是强制性的要求,如下面的语句:

varx=3; //以分号结尾

vary=5  //没有用分号结尾

这两种写法都是正确的。JavaScript解释器在语法检查方面相对比较宽松,但仍建议编写JavaScript程序时采用严谨的书写风格,用分号来结束一条语句。这样,在阅读JavaScript程序时不会产生歧义。

(4)JavaScript语句的注释

为了增加程序的可读性,可以在JavaScript程序中添加注释语句。

若注释单行语句,一般用“//”来标记;若注释多行语句,则用“/*注释语句内容*/”来标记。在JavaScript程序执行时,解释器不会解释执行注释语句部分。

2.JavaScript脚本语句书写的位置

JavaScript脚本语句可以直接嵌入在HTML文件中,也可以作为外部JavaScript脚本文件引入到HTML文件中。

(1)JavaScript脚本语句嵌入在HTML文档中的位置

JavaScript脚本语句可位于HTML的<body></body>之间,或位于<head></head>之间,也可同时存在于这两部分中。

通常的做法是把JavaScript函数放入<head>部分,或者放在页面底部。也可以把它们安置到同一位置,不会干扰页面的内容。

【例2-10】 编写一个最简单的JavaScript程序。

程序运行结果如图2.11所示。

图2.11 最简单的JavaScript程序

【例2-11】 编写一个计算圆面积的JavaScript程序。

程序运行结果如图2.12所示。

图2.12 计算圆面积的JavaScript程序

(2)作为外部JavaScript脚本文件引入到HTML文件中

如果编写的JavaScript脚本语句需要在多个HTML文件中使用,则应该把这段代码单独保存为一个.js文件,然后在HTML文件中通过<script>标记引用该.js文件。

【例2-12】 编写一个计算圆面积的JavaScript脚本文件,然后在HTML文件中引用该文件。

● 创建一个JavaScript脚本文件ex2_12.js。

注意:文件代码中没有使用<script>标记。

● 在HTML文件ex2_12.html中引用JavaScript的ex2_12.js文件。

程序运行结果与例2-11相同,见图2.12。