10.jsDocument对象.pptVIP

JavaScript  document对象的常用属性和方法 document对象的常用属性和方法 浮动广告 1.新建层 2.在层中插入图片 3.剪切，添加style=“...”; 4.编写javascript代码 1).初始高度 2).滚动条高度 3).当前高度 4).window.onscroll=move 浮动广告 带关闭按钮的浮动广告 //关闭 function closeMe(){ document.getElementById(adv).style.display=“none”; } 层显示与隐藏： 隐藏：document.getElementById(adv).style.display=“none”; 显示 document.getElementById(adv).style.display=“block”; 实现全选与全不选 表单验证技术 1.为什么需要表单验证 避免信息无法更新或出现错误 减轻服务器端的压力2.表单验证内容 非空验证——登录名，密码 是否为数字——出生年，月，日 电子邮件地址是否有效——包含‘@’，‘.’ 检查数据范围——月(1-12),日(1-31) 信息长度是否足够——密码最少6位 检查用户出生日期是否有效 表单验证技术 表单验证技术 用户名不包含数字 表单验证 邮箱验证正则 var a=new RegExp(^[-_0-9A-Za-z]+@([-_0-9a-zA-Z]+\.)([0-9A-Za-z]{2,3})$); 获得光标 name.focus() 选中 name.select() 表单验证 div提示效果步骤1.在文本框后添加div 2.设置div属性，style=“display：inline”设置在同一行显示 3.给div设置id 4.编写javascript代码，设置div的innerHTML属性，显示相应结果！ * * 1、 document对象的常用属性和方法 2 、制作浮动的广告图片 3 、制作带关闭按钮的浮动窗口 4 、制作全选效果 属性： document.title //设置文档标题 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //焦点在此链接上的颜色 document.vlinkColor //已点击过的链接颜色document.cookie //设置和读出cookie 方法： document.write() //动态向页面写入内容 document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象span容器。 span onMouseOver=change(red)变红/span var a; var b; function init(){ a=document.getElementById(L1).style.pixelTop; b=document.getElementById(L1).style.pixelLeft; } function fly(){ document.getElementById(L1).style.pixelTop=a+document.body.scrollTop; document.getElementById(L1).style.pixelLeft=b+document.body.scrollLeft; } window.onscroll=fly; 1.设置统一Name 2. function checks(boolean){ var allSinggers=document.getElementsByName(singger); for(var i=0;iallSinggers.length;i++){ if(allSinggers[i].type==checkbox){ allSinggers[i].checked=boolean; } } } 1.String对象 属性：length 方法： indexOf(“字符串”,起始位置);--查找字符串位置,如果找不到则返回-1 charAt(index)—检索指定位置的字符 substring(index1[,index2])—返回区间结果 toLowerCase—转化为小写 toUppe