DOM

window对象方法

  close()方法      关闭指定的窗口

  open()方法      打开一个WEB浏览器窗口

   window.location.href="URL"   当前窗口打开新窗口 覆盖当前窗口

   window.open（”打开窗口的url”，”窗口名”，”窗口特征”）

   window.open("about:blank");  //open()最简单使用

暂停

 Window. setTimeout(函数名，指定时间毫秒数)     

延时执行某个函数 执行一次//setTimeout(函数名，指定时间毫秒数)  延时执行某个函数 执行一次

//clearTimeout(定时器对象名称)

clearTimeout(定时器对象名称)      取消执行暂停

setInterval(函数名称，时间毫秒数)      

定时执行指定的函数 间隔为多少毫秒数

//setInterval(函数名称，时间毫秒数) 定时执行指定的函数 间隔为多少毫秒数

//clearInterval (定时器名称)  取消定时器

clearInterval (定时器对象名称)        取消暂停

history对象      用于存储客户端最近访问过的网址清单

   history.forward()    指向浏览器历史列表中的下一个URL，

   history.go(1)        相当于点击浏览器的“前进”按钮

 

   history.back()       指向浏览器历史列表中的上一个URL，

   history.go(-1)        相当于点击浏览器的“后退”按钮

document集合属性:

            document.forms         //返回文档中的表单数组

            document.anchors       //获取所有带有 name 和/或 id 属性的 a 对象的集合数组

           document.images        //返回文档中的image的数组

           document.links           //获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合数组

          document.all            返回对象所包含的元素集合的引用

关于节点的操作

       

引用节点

     document.getElementById("idName"); 

     document.getElementsByTagName("tagName");  返回数组

     document.getElementsByName("元素名称");返回数组

   引用子结点

      elementName节点下所有子节点数组

     elementName.childNodes    

     elementName.firstChild

     elementName.lastChild 

   引用父结点

     elementName.parentNode        elementName节点的父节点

     elementName.parentElement    elementName节点的父元素(IE)

 获取结点信息

     node.nodeName        node节点的名称

     node.nodeType        node节点的节点类型 1 element 2   attribute 3 text

     node.nodeValue       node节点的文本内容

 属性结点

     elementNode.setAttribute(attributeName,attributeValue)  设置节点属性

 elementNode.getAttribute(arributeName)                     获取节点属性

节点的创建和删除

创建元素节点

     document.createElement("div");

     创建文本节点

     document.creatTextNode("hello");

     添加子节点

     父节点.appendChild("span");  插入所有子节点之后返回新节点引用

     插入子节点

     父节点.insertBefore(新节点,当前节点)  返回新节点引用

     删除子节点

        父节点.removeChild(childNode)

 

  

转载于:https://my.oschina.net/dreamHarbour/blog/295991