7-JS常用文档对象.pptVIP

JS常用文档对象;HTML文档的树状结构;一、DOM;DOM对象模型-1;DOM对象模型-2;二、document（文档）对象;制作浮动的广告图片-1;制作浮动的广告图片-2;制作浮动的广告图片-3;制作浮动的广告图片-4;浏览器兼容性;制作带关闭按钮的浮动窗口-1;制作带关闭按钮的浮动窗口-2;制作带关闭按钮的浮动窗口-3;制作带关闭按钮的浮动窗口-4;制作带关闭按钮的浮动窗口-5;小结 1;制作实现全选效果-1;制作实现全选效果-2;制作实现全选效果-3;制作实现全选效果-4;小结 2;常见错误-1;SCRIPT language=javascript function checkAll(boolValue ) { var allCheckBoxs=document.getElementsByName(isBuy) ; for (var i=0;iallCheckBoxs.length ;i++) { if(allCheckBoxs[i].type==checkbox) allCheckBoxs[i].checked=boolValue ; } } /SCRIPT …… TR TD width=6%A href=javascript: checkAll(true)全选 /TD TD width=6%A href=javascript: checkAll(false)全不选 /A/TD TD width=88%IMG src=images/top.jpg width=845 height=18/TD /TR ……;小结;为什么需要表单验证;三、表单（form）对象;表单（form）对象;表单（form）对象;表单验证的内容-1;表单验证的内容-2;表单验证的思路-1;表单验证的思路-2;表单验证的思路-3;表单验证的思路-4;表单验证的思路-5-1;表单验证的思路-5-2;表单验证的思路-5-3;表单验证的思路-5-4;小结 1;文本框控件-1;文本框控件-2;一次性完成验证 form action=js/test02.jsp method=post name=myform onsubmit=return checkall() 一个个完成验证 用户名：input type=text name=uname onblur=aa(this) 光标进入文本框时，修改其内容; script type=text/javascript function checkname(o) { var a=document.getElementById(aa); var name=o.value; a.innerHTML=; // alert(a.innerHTML); if (name.length=6) a.innerHTML=font color=red用户名必须6个以上字符/font; } /script body brThis is my JSP page. br 用户名：input type=text name=uname onblur=checkname(this)/ div style=display:inline id=aa/div /body;文本框控件-3;小结 2;常见错误-1;常见错误-2;小结;四、锚点与链接对象;链接对象;五、图像（image)对象;如何使用图片代替提交按钮;如何使用图片代替提交按钮;如何使用图片代替提交按钮;如何使用图片代替提交按钮;改变图像的透明度;;补充特效;制作即时提示错误的特效;制作即时提示错误的特效;制作即时提示错误的特效;制作即时提示错误的特效;小结2;制作内容动态改变的层特效;制作内容动态改变的层特效;制作内容动态改变的层特效;SCRIPT language=JavaScript function InitDIV( ){ document.getElementById(DIV1).style.display=none; } /SCRIPT …… BODY onLoad=InitDIV( );function displayDIV( ) { if (document.myform. methodRadio[0].checked==true) { document.getElementById(DIV1).style.display=block