网页设计与制作教程Web前端开发(第7版)课件:JavaScript事件处理习题_第1页
网页设计与制作教程Web前端开发(第7版)课件:JavaScript事件处理习题_第2页
网页设计与制作教程Web前端开发(第7版)课件:JavaScript事件处理习题_第3页
网页设计与制作教程Web前端开发(第7版)课件:JavaScript事件处理习题_第4页
网页设计与制作教程Web前端开发(第7版)课件:JavaScript事件处理习题_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

本章介绍JavaScrip的BOM对象和操作,DOM对象和操作。

JavaScript事件处理习题

目录

JavaScript事件处理10.1事件概述10.2window事件10.3mouse事件10.4keyboard事件10.5form事件10.6事件捕捉与事件冒泡习题10习题101.页面窗体中有用户名和密码两个文本框,当焦点进入文本框时在文本框后面显示“获得焦点,请输入”,当焦点离开这个文本框时在文本框后面显示“失去焦点,判断”,如图9-19所示。。2.MouseOut事件示例。浏览者将鼠标移至页面中的“淘宝网”链接并离开它时,将弹出确认框,如果单击“确认”按钮,则页面跳转至“淘宝网”的主页,如图9-20所示。习题103.页面中有“单击”、“双击”两个按钮,单击“单击”按钮,弹出“按钮被单击了”消息框;双击“双击”按钮,弹出“按钮被双击了”消息框,如图9-21所示。习题104.按键盘上键,显示对应的键位和码值,如图9-22所示。习题105.使用Form对象实现Web页面信息交互,要求浏览者输入姓名并接受商城协议。当不输入姓名并且未接受协议时,单击“提交”按钮会弹出警告框,提示用户输入姓名并且接受协议;当用户输入姓名并且接受协议时,单击“复位”按钮会弹出确认框,等待用户确认是否清除输入的信息。如图9-23所示。习题106.页面提供一个文本框,用于输入需要大小写转换的字符串;提供两个操作按钮,分别为“转大写”和“转小写”;最后用一个文本框显示转换后的内容。如图10-24所示。习题107.设计简易计算器,实现四则运算,如图10-25所示。习题108.创建一个简单的用户注册表单,包含用户名、密码和性别(单选按钮)字段,以及一个复选框用来接受许可协议。当选中复选框“接受许可协议”时,“注册”按钮有效,单击“注册”按钮后,显示“欢迎您,您的注册信息如下”,显示输入的信息。如图10-26所示。习

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论