浏览器兼容性测试方案_常见浏览器兼容性问题_多浏览器兼容测试策略(24)

mX = event.x ? event.x : event.pageX;

然后用 mX 代替 event.x

8. 关于frame

问题：

在IE中可以用 window.testFrame 取得该frame，FF中不行

解决方法：

window.top.document.getElementById("testFrame").src = 'xx.htm'

window.top.frameName.location = 'xx.htm'

9. 取得元素的属性

在FF中，自己定义的属性必须 getAttribute() 取得

10. 在FF中没有parentElement，parement.children 而用 parentNode，parentNode.childNodes

问题：

childNodes 的下标的含义在IE和FF中不同，FF的 childNodes 中会插入空白文本节点

解决方法：

可以通过 node.getElementsByTagName() 来回避这个问题

问题：

当html中节点缺失时，IE和FF对 parentNode 的解释不同，例如：

<form>

<table>

<input/>

</table>

</form>

FF中 input.parentNode 的为form，而IE中 input.parentNode 的为空节点

问题：

FF中节点自己没有 removeNode 方法

解决方法：

必须使用如下方法 node.parentNode.removeChild(node)

11. const 问题

问题：

在IE中不能使用 const 关键字

解决方法：

以 var 代替

12. body 对象

FF的 body 在 body 标签没有被浏览器完全读入之前就存在，而IE则必须在 body 完全被读入之后才存在

这会产生在IE下，文档没有载入完时，在body上appendChild会出现空白页面的问题

解决方法：

一切在body上插入节点的动作，全部在onload后进行

13. url encoding

问题：

一般FF无法识别js中的&

解决方法：

在js中如果书写url就直接写&不要写&

14. nodeName 和 tagName 问题

问题：

在FF中，所有节点均有 nodeName ，但 textNode 没有 tagName ，在IE中，nodeName 的使用有问题

解决方法：

使用 tagName，但应检测其是否为空

15. 元素属性

IE下 input.type 属性为只读，但是FF下可以修改

16. document.getElementsByName() 和document.all[name] 的问题

问题：

在IE中，getElementsByName()、document.all[name] 均不能用来取得 div 元素

是否还有其它不能取的元素还不知道（这个问题还有争议，还在研究中）

17. 调用子框架或者其它框架中的元素的问题

在IE中，可以用如下方法来取得子元素中的

document.getElementById("frameName").(document.)elementName

window.frames["frameName"].elementName

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-39333-24.html