JavaScript与DHTML技术

1 使用客户端脚本

1.1 使用SCRIPT标记符

1.1.1 什么是客户端脚本

    脚本（Script）实际上就是一段程序，用来完成某些特殊的功能。脚本程序有可以在服务器端运行的，称为服务器端脚本，例如：PHP、ASP等；也有在浏览器端运行的，称为客户端脚本，例如：JavaScript和VBScript。

1.1.2 使用SCRIPT标记符插入脚本

     在网页中最常用的一个插入脚本的方法是：把脚本标记符<SCRIPT>...</SCRIPT>置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。其语法格式如下：

或者：

1.2 直接添加脚本

    与直接在标记符内使用style属性指定CSS样式一样，也可以直接在HTML表单的输入元素标记符内添加脚本，以响应输入元素的事件。

例如：

1.3 链接脚本文件

    如果同一段脚本可以在若干网页中使用，则可以把脚本放在单独的一个文件里，然后在需要文件的网页中引用。语法格式如下：

<SCRIPT type="text/javascript"
src=脚本文件URL></SCRIPT>

说明：JavaScript文件是纯文本文件，可以用任何文本编辑器进行编辑，然后程序应以.js为扩展名保存。

2 JavaScript 简介

2.1 JavaScript语言基础

2.1.1 JavaScript基本数据类型

    JavaScript 有六种数据类型。主要的类型有:

• number
• string
• object
• Boolean
• null
• undefined

    JavaScript采用弱数据类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。

    变量的声明使用关键字 var ，变量名可以是任意长度的字母、数字和下划线组成（“_”），同时变量名第一个字符不能是数字。

注意：JavaScript 是对大小写敏感的，也就是说区分大小写，如变量 count 和变量 Count 是两个不同的变量！

2.1.2 JavaScript运算符与表达式

(1)运算符

    运算符完成操作的一系列符号，在JavaScript中包括以下运算符：

• 算术运算符

    JavaScript中的算术运算符有单目运算符和双目运算符。

双目运算符：
+（加） 、-（减）、 *（乘）、 /（除）、 %（取模）。

单目运算符：
-（取反）、++（递加1）、--（递减1）。

• 比较运算符

    比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个true或False值，有８个比较运算符:

<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。

• 布尔逻辑运算符

    包括&&(逻辑与）、||（逻辑或）、！（逻辑非）。

• 位操作运算符

    包括|（按位或）、&(按位与)、^（按位异或）、<<（左移）、 >>（右移）、 >>>（右移，零填充）。

• 字符串运算符：+（字符串的连接操作）
• 三目操作符

操作数？结果１：结果２

    若操作数的结果为真，则表述式的结果为结果１，否则为结果２。

• 赋值运算符： = 、op=

(2)表达式

    在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。

2.1.3 JavaScript语句

    JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。

(1)条件语句

• if语句

    基本格式

功能：若表达式为true，则执行语句段１；否则执行语句段２。

• switch语句

    分支语句switch可以根据一个变量的不同取值采取不同的处理方法。 语法如下：