精品表单验证高级特效.ppt

2.4　使用文字下标优化省市级联 var province=document.getElementById(province).value; if(province==四川) { 　　//清空下拉列表框中的选项 　　document.getElementById(server).options.length=0; 　　for(var i in sc) 　　{ ... ... 　　} } //访问湖北地区的服务器数组 … … 使用数组的整数下标访访问数组元素，需将数组中的内容取出进行判断，有没有更简单的办法访问对应的地区的服务器？ 使用文字作为数组的下标！ 使用文字下标优化省市级联 var servers=new Array(); servers[四川]=[富乐山,李白故里,泸定桥]; servers[湖北]=[武当山,襄阳城,昭君台]; var province=document.getElementById(province).value; document.getElementById(server).options.length=0; for(var i in servers[province]) { var op=document.createElement(option); op.text=servers[province][i]; op.value=servers[province][i]; document.getElementById(server).options.add(op); } 在访问数组时使用文字下标，类似于java中的HashMap集合存储元素的方式 使用文字作为数组下标 总结 通过JavaScript脚本可以动态改变样式属性的值，语法如下： object.style.property; 使用className属性可以动态改变页面元素上应用的类选择器 样式属性display的作用是设置页面元素的显示方式，其值包括：none、inline、block Array对象是用来创建数组的JavaScript内置对象，常用的方法有：join、sort、reverse等 For-in语句可以遍历对象的所有属性，还可以遍历数组中的元素 JavaScript中的创建数组的方式有两种：一种是使用Array构造函数的方式，另一种是使用数据集合的方式 下拉列表框中由select和option两个标签共同创建的 使用document.createElement(option )可以创建option对象 第4章　表单验证高级特效 内容回顾 表单验证分为两步：第一步是编写验证函数验证表单数据的合法性，第二步是处理表单onsubmit，即在表单提交事件中调用表单验证函数 String对象用于处理字符串，如获取字符串的长度、搜索字符串中的字符、转换字符的大小写等 正则表达式是一种对文字进行模糊匹配的语言，常用方法有test、exec等 本章内容 动态改变样式属性 className属性的用法 数组的创建和使用 下拉列表框的使用 本章目标 制作动态输入提示特效 制作内容的动态显示 制作即错误提示特效 使用数组制作省市级联特效 1.动态改变样式属性 1.1 访问样式属性 　　　　　 在程序运行时如何动态改变文本框的背景颜色？ 获得焦点，改变背景颜色 访问样式属性 object.style.property; 使用元素的style属性访问样式规则 例如： 访问字体的颜色color使用obj.style.color 访问字体的大小属性使用obj.style.fontSize 样式属性由多个单词组成时，须变换属性的书写格式 font-size变换成fontSize 访问样式属性 实现当文本框获得焦点时改变背景颜色，失去焦点时恢复白色 获得焦点时的状态 访问样式属性 … … tr td width=60 height=28用户名/td td width=186input name=username type=text class=inp id=username onFocus=this.style.backgroundColor=#CCFFFF onblur=this.style.backgroundColor=white//td /tr tr td height=32密nbsp;nbsp;码/td tdinput name=password type=password class=inp id=password onFocus=this.style.backgroundColor=#CCFFFF onbl