JS细节3

1.在执行时，从载入页面后指定的时间执行代码。语法：setInterval( 代码，交互时间 )；参数说明代码：要调用的函数或要执行 的代码串。

2.计时器setTimeout()setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

3.取消计时器clearTimeout(),使用方法如下  i=setTimeout("startCount()",1000);clearTimeout(i);

4.History 对象history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。

5.back()方法，加载 history 列表中的前一个 URL。语法：window.history.back();forward()方法，加载 history 列表中的下一个 URL。如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下:window.history.forward();

6.go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。语法：window.history.go(number);1 前一个，go(1)等价于forward()；0  当前页面；-1 后一个，go(-1)等价于back()；其他数值 要访问的URL在History的URL列表的相对位置

7.Location对象 ,使用方法如下var h = window.location.hash;     document.write(h);

8.Navigator对象Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。使用方法如下var browser=navigator.appName;

 var b_version=navigator.appVersion; document.write("Browser name"+browser);document.write("<br>");
   document.write("Browser version"+b_version);

9.getElementsByName()方法返回带有指定名称的节点对象的集合。语法：document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。

10.getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。语法:document.getElementsByTagName(Tagname)说明:1. Tagname是标签的名称，如p、a、img等标签名。

11.ID是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。

   Name是他的名字，可以重复。所以通过getElementsByName获取名字相同的人的集合。

   TagName可看似某类，getElementsByTageName获取相同类的的人的集合。获取的是标签的元素

12.getAttribute( )方法通过元素节点的属性名称获取属性的值。语法：elementNode.getAttribute( name )说明：elementaNode：使用getElementById( )、getElemensByTagName( )等方法，获取到的元素节点。name：要想查询的元素节点的属性名字

13.元素类型    节点类型
  元素          1
  属性          2
  文本          3
  注释          8

  文档          9

14.访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。语法：elementNode.childNodes注意：如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。

15.firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法：node.firstChild;还有一个lastChild；

16.

获取指定节点的父节点.语法：elementNode.parentNode注意：父节点只有一个。访问祖节点：elementNode.parentNode.parentNode

17.

1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。语法：nodeObject.nextSibling说明：如果无此节点，则该属性返回 null。

2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。语法：nodeObject.previousSibling

18.

 var otest = document.getElementById("test");  

   var newnode = document.createElement("li");
  var newtext= document.createTextNode("PHP"); 
  newnode.appendChild(newtext); 
  otest.appendChild(newnode);

 

19 插入节点insertBefore( )

insertBefore( )方法可在已有的子节点前插入一个新的子节点。

语法：insertBefore( newnode.node )

参数：newnode：要插入的新节点。node: 指定此节点前插入节点。可用otest.insertBefore(newnode,node); 也可以为: otest.insertBefore(newnode,otest.childNodes[0]);

20.replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 语法：node.replaceChild (newnode,oldnew ) 参数：newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。1. 当 oldnode 被替换时，所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。

21.

createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

   var body = document.body; 
   var input = document.createElement("input");  
   input.type = "button";  
   input.value = "创建一个按钮";  
   body.appendChild(input);