2021Web前端开发技术实验

兰全祥

目录

  • 1 HTML(4学时)
    • 1.1 实验目的和要求
    • 1.2 题目1：个性化网站设计
    • 1.3 题目1-9：百度搜索
    • 1.4 题目1-10：百度图库搜索
  • 2 CSS(4学时)
    • 2.1 实验目的和要求
    • 2.2 题目1：小米扫码
    • 2.3 题目2：仿写微信导航栏
    • 2.4 选修：保卫钓鱼岛
    • 2.5 选修：CSS3动画
  • 3 JavaScript(6学时)
    • 3.1 实验目的和要求
    • 3.2 题目1：多彩网页时钟
    • 3.3 题目2：金额转换
    • 3.4 题目3：计算器
    • 3.5 题目4：表单验证
    • 3.6 题目5：动态相册
  • 4 Ajax(4学时)
    • 4.1 实验目的和要求
    • 4.2 题目1：TXT数据请求
    • 4.3 题目2：XML数据请求
    • 4.4 题目3：JSON数据请求
    • 4.5 选做：多级下拉列表
  • 5 jQuery(4学时)
    • 5.1 实验目的和要求
    • 5.2 题目1：实现按钮点击
    • 5.3 题目2：十大名画
    • 5.4 选做：jQuery动画
  • 6 HTML5(2学时)
    • 6.1 实验目的和要求
    • 6.2 题目1：新元素练习
    • 6.3 题目2：绘制五星红旗
    • 6.4 题目3：简易播放器
  • 7 自律思政专题
    • 7.1 法律法规
    • 7.2 行业标准
    • 7.3 道德规范
题目2：金额转换

实验内容：

（1）    网页中存在一个输入框，用户可以输入金额；

（2）    使用JavaScript对金额的上下限以及合法性进行检验；

（3）    检验合格之后，根据银行显示方式（三位隔逗号）和大写（不需要考虑‘零’）的方式显示。

参考技术：

  1. JS对象正则表达式

  2. JS对象array

  3. JS对象String