javascript函数及数组

第一部分 js函数的定义及使用

1.函数定义

1).函数是把一些功能语句集中定义到一起的。可以被重复调用。

2).javascript函数可以与事件驱动相关联。这与其它语言不一样。

2.函数建立

两种方法

1.用户自行建立的函数（自定义函数）

2.javascript的内置函数（系统函数）

function 函数名（[参数1，参数2，…]）

{ ……

<函数内容>

[return <返回值>]

}

说明：
1、函数由关键字function定义。

2、参数表是可选的，定义参数不加var,只写变量名。

3、返回值的语句是”return”语句，可以省略。

3.函数的调用

三种方法

1）、函数的简单调用形式：

“函数名([实际参数])”

如果调用的函数具有返回值，可以通过变量或直接将函数置于表达式中。

2）、在事件响应中调用函数

onclick=“fujian()”

3）、通过链接调用函数

<a href=“javascript:alert(‘hi’);”/>

4.function() 构造函数

第二部分 数组

数组是js中最常用的数据类型之一，它属于对象类型中的内置对象。青蛙吃苍蝇相比前面学习过的数据类型，一个数组类型的变量可以保存一批数据，且数据类型可以是任意的。可以不同。利用数组，可以方便地批量处理数据。

数组是一系列数据的集合。它由若干元素组成，各元素之间用逗号分隔。每个数组元素由“索引下标” 和“值” 构成

1.数组创建

1）使用array对象创建数组

var a=new array();

var a = new array(123,456,’shanghai’);

2）使用[]创建数组

var a=[123,长江之歌ppt456,’shanghai’];

var a = [];

2.数组赋值：a[0]=90;a[1]=85;a[2]=79;……

3.组元素读取：alert(a[2]);

4.数组的长度:a.length

5.注意：

数组长度不用定义，可以无限大

元素可以任意添加：元素类型可以任意（可以不同）

6.数组创建简写形八条目式：var a=[ ];

第三部分 例题—案例

一、定义一个一维数组变量，随机生成10个成绩(0-100之间)，输出这些成绩的平均值。

二、利用二维数组创建动态下拉菜单

三、设计一个网页，用javascript函数实现动态改变网页中字体大小。

四、设计一个网页，用javascript函数实现动态改变网页的背景颜色。

五、页面中大故宫有20个水果列表项。单击任何一个列表项，弹出列表项内容。