- 跨平台移动APP设计及应用
- 张思民
- 1055字
- 2021-03-23 13:28:04
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语句从何处开始和何处结束。例如:
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00030002.jpg?sign=1739016801-f4oLrork8nAwxkEoHF67PPG6Mvst9YfX-0-2a8eeba65c382553ef3fba3e0849c9d7)
浏览器会解释并执行位于<script>和</script>之间的JavaScript语句。
(2)JavaScript的变量
在JavaScript中,所有类型的变量都由关键字var声明,其语法格式如下:
var 变量;
例如:
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00030003.jpg?sign=1739016801-s8slOSCMnLVx4D1Z1SZh3Q76nTT6MLTq-0-d44fcb30ad11669850d84e670ba21bf6)
由于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程序。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00031001.jpg?sign=1739016801-dEwPu5dGtvG8bK5iv8Ql8S6yR68wQ8yE-0-c15f0f2f21bd20b1d6d567d418a03b47)
程序运行结果如图2.11所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00032001.jpg?sign=1739016801-OobH0d8WccZotIZ8bqwVVx7EQ9AaaLe9-0-ab263a409da9dd3e5c27dc95cfe72c25)
图2.11 最简单的JavaScript程序
【例2-11】 编写一个计算圆面积的JavaScript程序。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00032002.jpg?sign=1739016801-yO0ee2SGIrBOHoBCIsCrhFDu71X9rpJY-0-1511cc89b687ad9da3328eb4dcfb1613)
程序运行结果如图2.12所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00032003.jpg?sign=1739016801-yEqLwSlgKCvd38cDZtTkveA35rVaOU0H-0-a1dd5d541fd6b3329973c7dd88616a01)
图2.12 计算圆面积的JavaScript程序
(2)作为外部JavaScript脚本文件引入到HTML文件中
如果编写的JavaScript脚本语句需要在多个HTML文件中使用,则应该把这段代码单独保存为一个.js文件,然后在HTML文件中通过<script>标记引用该.js文件。
【例2-12】 编写一个计算圆面积的JavaScript脚本文件,然后在HTML文件中引用该文件。
● 创建一个JavaScript脚本文件ex2_12.js。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00033001.jpg?sign=1739016801-Q2j11bwZDKIANfwJC7d6y1VfJS4E4ltb-0-1ae483b2275fc65089ff5d319f13d1fd)
注意:文件代码中没有使用<script>标记。
● 在HTML文件ex2_12.html中引用JavaScript的ex2_12.js文件。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00033002.jpg?sign=1739016801-CVylEL6PWDZNQonDsJupRDrri5lxvWmc-0-ad9e0523096ea3b0bab5845f4ce466ed)
程序运行结果与例2-11相同,见图2.12。