JavaScript编程实验:九九乘法表与DOM操作
需积分: 42 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操作、事件处理、字符串处理、日期对象等多个方面,旨在提升学生的综合编程能力。
2020-11-20 上传
2020-10-29 上传
2023-06-03 上传
2023-07-13 上传
2023-07-13 上传
2023-03-23 上传
2024-10-28 上传
2024-09-29 上传
2023-05-26 上传
行秋
- 粉丝: 2w+
- 资源: 95
最新资源
- 探索AVL树算法:以Faculdade Senac Porto Alegre实践为例
- 小学语文教学新工具:创新黑板设计解析
- Minecraft服务器管理新插件ServerForms发布
- MATLAB基因网络模型代码实现及开源分享
- 全方位技术项目源码合集:***报名系统
- Phalcon框架实战案例分析
- MATLAB与Python结合实现短期电力负荷预测的DAT300项目解析
- 市场营销教学专用查询装置设计方案
- 随身WiFi高通210 MS8909设备的Root引导文件破解攻略
- 实现服务器端级联:modella与leveldb适配器的应用
- Oracle Linux安装必备依赖包清单与步骤
- Shyer项目:寻找喜欢的聊天伙伴
- MEAN堆栈入门项目: postings-app
- 在线WPS办公功能全接触及应用示例
- 新型带储订盒订书机设计文档
- VB多媒体教学演示系统源代码及技术项目资源大全