D03 DOM操作和表单验证幻灯片.pptx

PART 1 DOM对象;7.1 DOM模型介绍 HTML文档树状结构 什么是DOM DOM对象模型 7.2 window对象常用的属性,方法,事件介绍 常用属性 常用方法 常用事件 7.3 Date对象和setTimeout()方法做时钟显示 Date对象常用的方法 setTimeout ()方法  7.4 history和location对象 history对象 location对象 ; 7.2.1 HTML文档的树状结构 ;7.2.2 什么是DOM ;7.2 DOM模型介绍;7.3.1 常用属性 ;window 对象常用属性、方法、事件;showModalDialog返回值的问题;show.html?? ??script?? language=javascript?? ??var?? rv?? =?? showModalDialog(sm.html);?? ??alert(rv.name?? +?? :?? +?? rv.age);?? ??/script?;7.3.3 常用事件;window 对象常用的属性、方法、事件;window 对象常用的属性、方法、事件;window 对象常用的属性、方法、事件;window.open方法常用属性;window 对象常用的属性、方法、事件;window 对象常用的属性、方法、事件 ;window 对象常用的属性、方法、事件;window 对象常用的属性、方法、事件;Date对象和setTimeout()方法;Date对象和setTimeout()方法; 7.5 history和location对象;history和location对象;总结;PART 2 DOM对象;关闭按钮随滚动条同步滚动的浮动窗口;关闭按钮随滚动条同步滚动的浮动窗口;7.3 制作实现全选效果;常见错误;Javascript表单交互;8.1 简介 8.2 为什么需要表单验证 8.3 表单验证的内容 8.4 表单验证思路 字符串对象简介 电子邮件格式的验证 8.5 文本框控件 文本框对象简介 电子邮件格式验证的改进 8.6 常见错误 8.7 总结 ;8.2 为什么需要表单验证;表单验证的内容;表单验证思路;表单验证思路;表单验证思路;表单验证思路;电子邮件格式的验证;function checkEmail( ) { var strEmail=document.myform.txtEmail.value; if (strEmail.length==0) { alert(电子邮件不能为空!); return false; } if (strEmail.indexOf(@,0)==-1) { alert(“电子邮件格式不正确\n必须包含@符号！ ); return false; } if (strEmail.indexOf(.,0)==-1){ alert(电子邮件格式不??确\n必须包含.符号！); return false; } return true; }; 8.4 表单验证思路;表单验证思路;表单验证思路;表单验证思路;文本框控件;文本框控件 ;表单验证的高级应用;9.1 简介 9.2 下拉列表框简介 字符串对象简介 创建数组 为数组元素赋值 访问数组元素 数组的常用属性和方法 9.3 数组简介 9.4 复选框及数组的应用 9.5 综合 ;拉列表框简介;简介;数组简介;综合