绿色小字体

（3）ID选择符

在样式名之前加“#名字”，引用的时候使用“ID=名字”

#szg{color:

red}

ID选择符

2.3定义超链接样式

一个超链接有几种不同的状态：

未被访问链接（Link），已访问链接（Visited），鼠标移动过（Hover）。

可以定义超链接文字的颜色和字体的大小。

A:

LINK{color:

red;font-size:

9pt;text-decoration:

none}

A:

VISITED{color:

blue;font-size:

9pt;text-decoration:

none}

A:

HOVER{color:

green;font-size:

9pt;text-decoration:

underline}

超链接文字

3JavaScript编程技术

JavaScript是一种解释性语言，当程序执行的时候浏览器一边解释，一边执行。

而编译型语言（C#、Java等），必须经过编译才能执行。

网页中引入JavaScript，只需要加上

3.1JavaScript变量和数组

JavaScript和C语言是同一个语系，许多基本语法一样。

JavaScript定义变量的关键字是“var”

注意：

（1）JavaScript的变量时弱变量，不经过声明就可以使用，不过建议利用var声明；

（2）JavaScript语句后面可以加分号，也可以不加。

C语系的其他语言都是严格要求加分号的，所以建议加上。

使用var定义的变量，赋值是字符串，就是字符串类型变量，赋值是整数，就是整型变量。

变量命名需要遵守的6个规则。

（1）变量命名必须以一个英文字母或下划线开头；

（2）变量名长度在0-255字符之间；

（3）除了首字符其他字符可以使用任何字符、数字以及下划线，except空格

（4）不可以使用JavaScript运算符作为变量名；

（5）不可以使用JavaScript保留字，如sqrt（开方），parseInt（字符转整型）

（6）JavaScript变量名是区分大小写的，如变量s12和S12是不同的变量。

声明数组时，使用new和Array关键字。

vararrayName=newArray

（2）;

arrayName[0]=”苹果”;

arrayName[1]=”橘子”;

3.2表达式与运算符

和C语言非常类似，加减乘除运算符、逻辑运算符、注释符号等。

3.3控制语句

条件语句

Ifelse语句

varihour=13;

if（ihour<12）{

document.write（”早上好！

”）;

}else{

document.write（”下午好！

”）;

}

switch语句

varval="";

vari=5;

switch（i）{

case3:

val="三";break;

case4:

val="四";break;

case5:

val="五";break;

default:

val="不知道";

}

document.write（"下午好！

"）;

循环语句

for语句，dowhile语句，break，continue

varisum=0;

for（vari=0;i<=100;i++）{

isum+=i;

}

document.write（isum）;

3.4JavaScript函数

定义函数基本语法

function函数名称（参数表）

{

语句块；

}

3.5事件

界面事件包括：

Click，MouseOut、MouseOver和MouseDown等。

3.6对象处理语句

this语句

functionimage_click（obj）{

alert（“图片名称：

”+obj.name+”图片地址：

”+obj.src）;

}

forin语句

vararr=newArray（3）;

arr[0]=“Jack”;

arr[1]=“Simth”;

arr[2]=“Lucy”;

for（iinarr）{

document.write（“
第”+i+”个为：

”+arr[i]）;

}

3.7JavaScript内置对象

Date对象

getDate

getDay

getHours

getMinutes

getMonth

getSconds

getTime

毫秒为单位

getYear

Math对象

方法

描述

abs（x）

返回数的绝对值。

acos（x）

返回数的反余弦值。

asin（x）

返回数的反正弦值。

atan（x）

以介于-PI/2与PI/2弧度之间的数值来返回x的反正切值。

atan2（y,x）

返回从x轴到点（x,y）的角度（介于-PI/2与PI/2弧度之间）。

ceil（x）

对数进行上舍入。

cos（x）

返回数的余弦。

exp（x）

返回e的指数。

floor（x）

对数进行下舍入。

log（x）

返回数的自然对数（底为e）。

max（x,y）

返回x和y中的最高值。

min（x,y）

返回x和y中的最低值。

pow（x,y）

返回x的y次幂。

random（）

返回0~1之间的随机数。

round（x）

把数四舍五入为最接近的整数。

sin（x）

返回数的正弦。

sqrt（x）

返回数的平方根。

tan（x）

返回角的正切。

String对象

charAt（idx）：

第一个字符位置是0，返回指定位置处的字符。

indexOf（chr）：

返回指定子字符串的位置，从左到右，找不到返回“-1”

lastIndexOf（chr）：

返回指定子字符串的位置，从右到左，找不到返回“-1”

toLowerCase（）：

将字符串中的字符全部转换成小写

toUpperCase（）：

将字符串中的字符全部转换成大写

3.8对象层次及DOM模型

对象的层次

当使用浏览器载入一个网页时，浏览器会根据网页的内容产生一些相应的对象提供给JavaScript使用。

与JavaScript语言本身并没有太大的关系。

DOM（DocumentObjectModel）是文档对象模型的缩写，文档对象模型提供了文档的定位模型。

当读取form表单中的某个元素时，就要用到DOM来定位。

document.getElementById（element）;

document.getElementsByName（）

（1）window对象

window对象的方法。

open（url,windowName,parameterList）

open（）方法创建一个新的浏览器窗口，并在新窗口中载如一个指定的URL地址

close（）

关闭一个浏览器窗口

alert（）

弹出一个消息框

confirm（）

弹出一个确认框

promt（）

弹出一个提示框

setTimeout（expression,time）

定时设置，在一定时间后自动执行expression的代码，使用time设置时间，单位是毫秒

clearTimeout（timer）

取消利用setTimeout的定时设置

setIntervel（expression,time）

设定一个时间间隔，可以定时反复自动执行expression描述的代码，使用time设置时间，单位是毫秒

setTimeout和setIntervel的区别

setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。

showTime（）;

functionshowTime（）

{

   vartoday=newDate（）;

   alert（"Thetimeis:

"+today.toString（））;

   setTimeout（"showTime（）",5000）;

}

setInterval（"showTime（）",5000）;

functionshowTime（）

{

vartoday=newDate（）;

alert（"Thetimeis:

"+today.toString（））;

}

两者的最大区别就是，setTimeout方法不会每隔5秒钟就执行一次showTime函数，它是在每次调用setTimeout后过5秒钟再去执行showTime函数。

这意味着如果showTime函数的主体部分需要2秒钟执行完，那么整个函数则要每7秒钟才执行一次。

而setInterval却没有被自己所调用的函数所束缚，它只是简单地每隔一定时间就重复执行一次那个函数。

如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。

open方法window.open（“new.html”,”my”,”toolbar=no,left=150,top200,menubar=no,width150,height=150”）;

location属性

window.location=”页面地址”；

window.location="";

history对象

可以利用history对象实现网页的前进和后退

history.go

（1）;

history.go（-