8.2.1 JavaScript简介
JavaScript是由 Netscape公司开发的一种脚本语言,它是适应动态网页制作的需要而诞生的一种广泛地使用于Internet网页制作上编程语言。
在HTML基础上,使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。
8.2.2 JavaScript语言
(1)变量
所谓变量,就是程序的执行过程中其值可以改变的量。在JavaScript中定义变量不需要声明类型,变量的类型根据对变量赋值隐含定义。变量声明的方法为:var name。
(2)运算符
运算符是指定计算操作的一系列符号,也称为操作符。JavaScript中的运算符包括赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符等。
(3)表达式
表达式是运算符和操作数组合而成的式子。通常有赋值表达式、算术表达式、布尔表达式和字符串表达式等。
(4)语句
JavaScript程序是由若干语句组成的,语句是编写程序的指令。JavaScript提供了完整的基本编程语句,它们是赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break语句和continue语句等。
(5)函数
使用函数可以降低程序的复杂度,增加程序的重用性。在JavaScript中除了可以使用预定义函数(如alert()、parseInt()函数等)外,还可以使用自定义函数。JavaScript中使用自定义函数的语法是:
function 自定义函数名(形参1,形参2...)
{
函数体
}
函数定义需要注意以下几点:
l函数由关键字function定义;
l函数必须先定义后使用,否则将出错;
l函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名;
l参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量;
lreturn语句用于返回表达式的值,也可以没有。
(6)对象
JavaScript的一个重要功能就是基于对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。在JavaScript中,对象就是属性和方法的集合。属性是作为对象成员的一个变量或一组变量,表明对象的状态;方法是作为对象成员的函数,表明对象所具有的行为。 JavaScript提供一些非常有用的预定义对象来帮助开发者提高编程效率。JavaScript提供了数学运算对象Math、时间处理对象Date、字符串处理对象String等基本的内置对象。另外,JavaScript也提供功能强大的浏览器对象,以便开发者编制出精彩的动态网页。
(7)事件
用户与网页交互时产生的操作,称为事件。绝大部分事件都由用户的动作所引发,如:用户按鼠标的按钮,就产生onclick事件,若将鼠标的指针移动到链接上,就产生onmouseover事件等等。在JavaScript中,事件往往与事件处理程序配合使用。
8.2.3 JavaScript在网页中的用法
1、在HTML中嵌入JavaScript
这是最常用的方法,大部分含有JavaScript的网页都采用这种方法,如下的HTML文档(javascript.htm)中就嵌入了JavaScript代码。
<html>
<head>
<title>JavaScript示例</title>
<scriptlanguage="JavaScript">
<!--
document.write("这是JavaScript!采用直接插入的方法!");
//JavaScript结束
-->
</script>
</head>
</html>

8-7 在HTML中嵌入了JavaScript示例
2.引用方式
如果已经存在一个JavaScript源文件(以js为扩展名),则可以采用这种引用的方式。其基本格式如下:
<scriptlanguage="JavaScript" src=url></script>
例如:如下的HTML文档引用了script.js文件。
<html>
<head>
<title>链接JavaScripte代码</title>
<scriptlanguage="JavaScript"
src="script.js"></script>
</head>
</html>
在浏览器中显示的效果如图8-8所示。

8-8 在HTML中采用引用的方式使用JavaScript示例
8.2.4 JavaScript应用示例
设计一个具有伸缩式动态菜单在浏览可视区的左边界,当把鼠标移动到这个区域时,菜单就伸展开,而当鼠标离开菜单时,这个菜单又缩起来。在浏览器中显示的效果如图所示。
