JavaScript编程实验:九九乘法表与DOM操作

需积分: 42 8 下载量 106 浏览量 更新于2024-09-11 3 收藏 649KB DOC 举报
"实验3 JavaScript编程" 实验3的目的是让学生掌握JavaScript的基本编程技巧,通过一系列实践任务提升他们的编程能力。以下是对每个任务的详细说明: 1. **九九乘法表**:通过嵌套循环,使用`document.write()`方法生成乘法表。外层循环控制行数,内层循环控制列数,当`j<=i`时,输出乘法表达式,每行结束后用`<br>`换行。 2. **生成指定行数和列数的表格**:定义了一个名为`myfun`的函数,接受两个参数`x`和`y`分别表示行数和列数。函数内部使用`<table>`,`<tr>`和`<td>`元素创建表格,用嵌套循环遍历行和列,最后调用函数生成一个4行3列的表格。 3. **日期与星期**:利用JavaScript的`Date`对象获取当前日期,计算开学至今的周数。这需要知道开学的具体日期,然后计算两个日期之间的差值,并转换成周数。同时,`Date`对象可以获取星期几的信息。 4. **正则表达式首字母**:编写程序提取英文单词或词组的首字母,使用正则表达式匹配单词边界,然后对每个单词取首字母。例如,输入"Asynchronous JavaScript And XML",输出"AJAX"。 5. **数字字符串处理**:用户输入逗号分隔的数字字符串,程序应找到最大值、最小值和总和,并按降序排列后输出。可以使用split(),map(),reduce()等数组方法处理字符串并计算结果。 6. **闰年判断**:用户输入年份,使用JavaScript的条件语句判断是否为闰年。闰年的条件是能被4整除但不能被100整除,或者能被400整除。 7. **复选框爱好选择**:用户通过复选框选择爱好,使用JavaScript监听事件,获取选中的复选框对应的值,并用`alert()`显示。 8. **用户名验证**:在表单中输入用户名,点击“注册”时检查输入是否为空。如果为空,则阻止表单提交并显示提示信息。 9. **弹窗功能**:打开网页时创建一个指定尺寸的新窗口,窗口随网页关闭而关闭。使用`window.open()`和`window.close()`方法实现。 10. **图片轮播**:利用JavaScript操作DOM,动态加载当前目录下的10张图片,实现图片的循环显示。可能涉及到`<img>`元素的`src`属性改变,以及定时器控制图片切换。 11. **停留时间显示**:在浏览器的状态栏显示用户在页面上停留的时间,需要定时更新时间并显示小时、分钟和秒。可以使用`setInterval()`定时器和`Date`对象计算差异。 这些实验涵盖了JavaScript的基础语法、DOM操作、事件处理、字符串处理、日期对象等多个方面,旨在提升学生的综合编程能力。