dom笔记1

html内容  css美化  js dom 控制 dom: document object model 文档对象模型 window.document.body

dom找标签作为对象   js的出现最终是要操作html，而操作html要用dom，dom把html页面   模拟成一个对象，dom只能对文档进行操作   js通过调用dom中的属性方法就能对网页中的文件控制   css+js+dom=Dhtml

0、节点node：元素（标签） 文字 属性 注释   元素element：标签    1、事件     window:(dom中的顶级对象）常用的alert、document、event、confirm、navigator、navigate                                                  returnvalue:取消后续内容<a><form>  body 事件:onload  常见事件:onclick（单击）、ondblclick（双击）、onkeydown（按键按下）、onkeypress（点击按键）、onkeyup（按键释放）、onmousedown（鼠标按下）、onmousemove（鼠标移动）、onmouseout（鼠标离开元素范围）、onmouseover（鼠标移动到元素范围）、onmouseup（鼠标按键释放

 document：document.write、document.getelementbyid、document.getelementbyname

2、动态设置事件  类似于net中注册事件  document.ondbclick = f1; //让document.ondbclick的事件处理函数为f1

3、window对象 window.document.body  当前浏览器窗口  方法   alert()   confirm("确定？")   navigate("http://www.baidu.com");   var timerId = setInterval("alert('hello')",500);   clearInterval(timerId)   setTimeout()   clearTimeout()   showModalDialog("window.htm") 模态窗体   showModelessDialog("window.htm")非模态窗体  属性   window.location.href   window.location.reload() 刷新页面   window.event    altKey    ctrlKey    shiftKey    returnValue 取消后续内容的执行    srcElement 引发事件的事件源    keyCode  引发事件时的键值    button  引发事件时的鼠标键1为左键，2为右键，3为左右键同时   *screen  分辨率    width    height   clipboardData  粘贴板    getData("Text")    setData("Text",val)    clearData("Text")   history    back() go(-1)    forward() go(1)   document    方法     write()  //     writeln()     getElementById()     getElementsByName()     getElementsByTagName()     createElement()     appendChild()

4、获取元素内容  value   innerText  innerHTML

5、动态修改元素样式  this.style.backgroundColor  this.style.fontSize  this.style.marginTop  this.style.display = "none"隐藏  ""显示  this.style.width = "18px"

6、form对象  事件   onsubmit  方法   submit()