![跨平台移动APP设计及应用](https://wfqqreader-1252317822.image.myqcloud.com/cover/442/26179442/b_26179442.jpg)
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=1738927047-8yG1FAgDM0qRT1OGiWBCzn3LelCpGcSM-0-157567830a64907ff65c796faf734199)
浏览器会解释并执行位于<script>和</script>之间的JavaScript语句。
(2)JavaScript的变量
在JavaScript中,所有类型的变量都由关键字var声明,其语法格式如下:
var 变量;
例如:
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00030003.jpg?sign=1738927047-b1ifyp290TlcM1Yg21Wh4NizdnZUndcU-0-dfca2af2f611e11e310489c3a1d57804)
由于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=1738927047-XLjUdxjra4lzPJCAEc6arjZoDwhWRWhd-0-7b52d17e7bce7fa1d10daad7534212b5)
程序运行结果如图2.11所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00032001.jpg?sign=1738927047-9lJfzt6RQMzonCA0o0mWy6mywshq6wvA-0-59a1609866dfd9cb16002b81e19c39ce)
图2.11 最简单的JavaScript程序
【例2-11】 编写一个计算圆面积的JavaScript程序。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00032002.jpg?sign=1738927047-YA4vbfbgIp6POC929RoHV7fF6MyMD3Xg-0-d674af729376799b54f9deb5c999b73f)
程序运行结果如图2.12所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00032003.jpg?sign=1738927047-xKcM1vpUoESCglbt2M3TuhxDnYfaecJq-0-6d2da621b63631ec024e2f43c2b360e4)
图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=1738927047-DECbUL8KKiQpT7WeGnd9uvpfgUzspPYg-0-9c1490173a9688718dd353b1c6e1abd7)
注意:文件代码中没有使用<script>标记。
● 在HTML文件ex2_12.html中引用JavaScript的ex2_12.js文件。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00033002.jpg?sign=1738927047-5osmoMW73BPdHaUxCwFut9eanJDFB0J1-0-7252203fb550fa942f21fc02c598fdff)
程序运行结果与例2-11相同,见图2.12。