前端笔记3

DOM模型 文档对象模型定义用户操作文档对象的接口
         html 根节点  
         文档是节点的集合
   三个节点  
          元素节点 DOM模型都是由元素节点构成  元素节点包含其他元素除了根元素html
          文本节点
          属性节点   <a title="css" href="img/1.jpg" /> title，href
   DOM操作页面文档 node节点
          属性  nodename  节点名称 appendChild() 将节点添加到子节点末尾  nodevalue 节点值 nodetype 节点类型
           元素节点 nodetype的值1 属性节点 2  文本节点 3  hasChildNodes 是否包含节点
           查询和设置属性  getAttribute(属性名称) 和setAttribute()=>只能元素节点来调用不能document
           创建节点和添加节点
                     元素节点 createElemtent()  文本节点  createTextNode()

           删除节点 一般父节点的removeChild方法 parentNOde()
           替换节点 一般父节点的replaceChild方法 parentNOde()
           在特定节点插入节点前  insertBefore(新节点，目标节点)
           在特定节点插入节点后  insertafter(新节点，目标节点)
   innerHTML属性
   事件流   事件模型 =》捕获型事件和冒泡型事件
   冒泡型事件  事件按照从最特定的事件目标到最不特定的事件的顺序逐一触发
   捕获型事件  从不精确到精确 （自顶向下事件模型）
   事件监听     页面的事件需要一个函数来调用，这类函数叫事件处理函数
                实时监听者这些函数是否发生  事件监听函数
                attachevent是用来给某个元素添加事件处理的函数  
                detachevent  删除元素事件监听的函数
                [object].attachevent("事件名称 onchick",监听函数名称)
   标准DOM监听方法
    [object].atteventlistener("事件名称chick"，"函数名称","false(冒泡阶段)")
    [object].removeeventlistener("事件名称chick"，"函数名称","false(冒泡阶段)")
    
   事件对象
    window.event
   op.οnclick=function(oEvent)
   {
    if(window.event=window.event)
    }
    type 事件类型
    clientX 鼠标在客户端位置 clientY
    screenX screenY 鼠标指针在计算机屏幕的位置
    事件目标
    oEvent.srcElement
    oEvent.target
    IE浏览器的 returnValue 和标准DOM的 preventDefault (取消默认事件)

    DOM动态控制表格
    tBodies指向<Tbody>元素的集合
    rows表格中所以行的集合
    deleterow(position)删除指定行的集合
    insertrow(position)在row集合的指定位置插入一个新行
    cells  tr所以单元格的集合
    deletecell(position)删除给定位置上的单元格
    insertcell(position)在cell集合的给定位置插入一个新的单元格
    
    控制表单
    document.forms["form1"]
    blur(将焦点从元素移开)
    focus(将焦点移动到改表单上)
    select(选中表单元素中可编辑的文本)
    onerror事件
js优化代码
    不要余留空隙 直接并行写
    布尔型  直接用 1 true 或者0
    var  a=new array() 可以变为 var a=[]
    函数名称或者变量名称进行精简  为a,b
    合理声明变量  可以是局部变量 就不要用全局变量
    使用内置函数比自定义函数缩短编译时间
    if语句 尽量将可能性高的写在前面
    最少化语句数量
    节约使用dom对象的使用