教你在网页中如何使用JavaScript

JavaScript概述

1．JavaScript语言基础

　　（1）JavaScript变量

　　与其他编程语言一样，JavaScript也是采用变量存储数据。与Java和其他一些高级语言不同，JavaScript并不要求指定变量中包含的数据类型。

　　在JavaScript中，可以简单地用var来定义所有的变量，而变量的类型由赋值语句隐含确定。

　　例如:  如果赋予变量money数字值1000，则money可参与整型操作；如果赋予该变量字符串值 "This is my money"，则它可以参与字符串操作；同样，如果赋予它逻辑值false，则它可以支持逻辑操作。

　　变量还可以先赋予一种类型的数值，然后再根据需要赋予其他类型的数值。

　　JavaScript支持的数据类型 有：

　　数字、布尔、字符串、未定义、对象等类型。
        
　　（2）JavaScript运算符

　　① 算术运算符   包括：+、-、*、/、%、++、--等。
　　② 逻辑运算符  包括：&&、||、！等。
　　③ 比较运算符  包括：<、<=、>、>=、= =、！=等。 
　　④ 字符串运算符  包括：+，用于连接两个字符串。
　　⑤ 位操作运算符  &、|、^、-、~、<<、>>、>>>等。
　　⑥ 赋值运算符  包括：=、+=、-=、*=、 ／=、 ％=、      &=、|=、^=、<<=、>>=、>>>=等。 
　　⑦ 条件运算符  包括：?。
　　⑧ 其他运算符

　　大多数JavaScript运算符都是双目运算符，即具有两个操作数的运算符，通常用以下方式进行操作：

　　操作数1 运算符 操作数2

　　（3）JavaScript表达式     

　　表达式是运算符和操作数的组合。表达式通过求值确定表达式的值，这个值是对操作数实施运算符所确定的运算后产生的结果。有些运算符将数值赋予一个变量，而另一些运算符则可以用在其他表达式中。

　　（4）JavaScript语句

　　① 条件语句

　　在JavaScript中提供了if语句、if else语句以及switch语句等三种条件语句。
    if 语句是最基本的条件语句，它的格式为：
if（条件）

　　语句段；
    if else语句的格式为：
if（条件）

　　语句段1；
else

　　语句段2；

switch语句

　　格式如下：

switch（条件）
{case value1: 语句段1;
case value2：语句段2;
case value3：语句段3;
…
default：语句段4；}

　　② 循环语句

　　循环语句用于在一定条件下重复执行某段代码。在JavaScript中提供了多种循环语句：
    for语句   格式如下：
for（初始化；条件；增量）
{
语句段；
}

  while语句    是另一种基本的循环语句，格式如下：
while（条件）
{
语句段；
}
do while语句    是while语句的变体，格式如下：
do
{
语句段；
}
　　while（条件）
　　break语句    提供无条件跳出循环结构或switch语句的功能。
　　continue语句  作用是终止当次循环，跳转到循环的开始处继续下一轮循环。
　　break语句和continue语句既可以单独使用，也可以与语句标号一起使用。 

　　（5）JavaScript函数

　　函数是已命名的代码块，代码块中的语句被作为一个整体引用和执行。在使用函数之前，必须先定义函数。函数定义通常放在HTML文档头中，但也可以放在其他位置。但通常最好放在文档头，这样就可以确保先定义后使用。  定义函数的格式如下：

function 函数名（参数1，参数2，．．．）
{
语句段；
…
return  表达式；
}

　　函数名是调用函数时引用的名称，参数是调用函数时接收传入数值的变量名。大括号中的语句是函数的执行语句，当函数被调用时执行。如果需要函数返回值，可以使用return语句，需要返回的值应放在return之后。
   
2．使用JavaScript内部对象

　　对象就是客观世界中存在的特定实体。在计算机世界中，也包含各种各样的对象。例如，一个Web页可以被看作一个对象，它包含背景颜色、前景颜色等特性，同时包含打开、关闭、读写等动作。因此可以说，对象包含两个要素：

属性  用来描述对象特性的一组数据，也就是若干变量；
方法  用来操作对象特性的若干动作，也就是若干函数。         

　　通过访问或设置对象的属性，并且调用对象的方法，可以对对象进行各种操作，从而获得需要的功能。

　　在JavaScript中可以操作的对象通常包括两种类型：浏览器对象和JavaScript内部对象。浏览器对象是指文档对象模型规定的对象，例如HTML元素对象、document对象、window对象等；JavaScript内部对象包括一些常用的通用对象，例如数组对象Array、日期对象Date、数学对象Math等。

科普云 烟台网页设计 网页设计部整理发布