JS在IE,firefox,chrome中的兼容问题

面对三大主流浏览器IE，firefox，chrome，JavaScript在部分细节的使用上有所不同，下面就根据本人使用中的遇到的问题稍作总结。

1、对frameset的解析的不同

    IE和chrome都可以使用frameset的name属性取得frameset，例如：

 

 <frameset id =top rows="70,*" frameborder="0" framespacing="0">
 <frame   name="titlebar" scrolling="no" noresize="noresize" />
    <frameset id = main cols="200,6,*" frameborder="0" framespacing="0">
 <frame id=leftframe scrolling='auto' name='leftframe' />
 <frame id=handleframe  scrolling='no' name='handleframe' />
   <frame id = rightframe scrolling='auto' name='mainframe' />
 </frameset>
 </frameset>
 

   对于这个嵌套使用frameset的html，IE和chrome可以使用top.main取到name为main的frameset，但是在firefox在无法取到。

在firefox下只能通过window.parent.document.getElementById("main")取到frameset。

2、使用DOM取节点text的不同

  在IE和chrome上取DOM节点的text可以直接使用getElementByTagName(xx)（x）.text，但是在firefox中DOM节点没有text属性，只能使用textContent取得节点的文本。

 

3、数组括号使用不同

 在IE和chrome上取DOM节点访问既可以使用getElementByTagName(xx)（x），也可以使用getElementByTagName(xx)[x]，但是在firefox中只能使用中括号。