
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。