以下为《javascript程序设计实验报告》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

/

《JavaScript程序设计》实验报告

2021 年 11 月

实验一 九九乘法口决

【实验目的】

1、掌握数据类型、变量和流程控制语句的使用方法。

2、掌握document.write（）函数的使用。

【实验内容】

编写JavaScript程序实现“九九乘法口决”表，如下图所示，分别采用外部JS和内容JS完成。

【实验提示】

1、用i控制行的变化，j控制列的变化，j*i是表达式显示的内容，j*i是表达式的结果。

2、在表格的单元格中使用document.write（）函数输出对应内容。

3、为单元格设置边框的颜色、粗细。

【实验结果】（代码和效果图）

1、代码（单倍行距，字号为五号）

九九乘法表

td{

border:2px solid green;

padding:5px;

}

table{

border-collapse:collapse;//设置表格的边框是否被合并成为一个单一的边框

}

九九乘法表

***21 李某某

document.write("");

var i,j;

for(i=1;i4)

index=0;

time=setTimeout("show()",2000); }

var time=setInterval("show()",2008);//用setInterval也可以实现

function stop(){

clearTimeout(time); }

function start(){

time=setTimeout("show()",2000); }

2、效果图（运行结果截图）

/

实验三 创建动态下拉菜单

【实验目的】

1、掌握二维数组的使用。

2、掌握下拉列表selectedIndex属性的使用。

3、掌握onchange事件句柄的使用。

【实验内容】

创建如下图左边所示的页面，在省份下拉列表中有XX省、XX省、XX省。当选择某个省份后，***显示该省份中的城市。

/

如下图所示的页面，当选择了省份后，***显示该省的城市。

【实验提示】

制作静态页面。

定义一个函数，该函数实现功能为，当在省份下拉列表中选择某个省份后，***显示该省的城市，通过使用一个二维数组来改变下拉菜单内容。

在省份的下拉列表框中的onchange事件句柄中调用该函数。

【实验结果】（代码和效果图）

代码（单倍行距，字号为五号）

请选择省份和城市

省份:

--请选择----XX省--

--XX省----XX省--

城市:

--请选择--

function change(){

var acity=new Array();

acity[0]=["--请选择--"];

acity[1]=["--请选择--","XX市","XX市","襄樊市","黄某某"];

acity[2]=["--请选择--","XX市","XX市","XX市"];

acity[3]=["--请选择--","XX市","XX市","XX市"];

var p=document.getElementById("province");

var c=document.getElementById("city");

var index=p.selectedIndex;

var count=acity[index].length;

c.length=count;

for(var i=0;i

以上为《javascript程序设计实验报告》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。