在编译客户端javascript时,IE和firefox(以下简称FF)的一些细节总是让人头痛,特别是在FF中,如果出错了,还没有错误提示,感觉两者都不是怎么遵循W3C标准。昨天就遇到一个操作IFRAME的问题。
问题是这样的,一般我们在取都是通过document.getElementById()取得,不管在IE还是FF中都能用,所以我主习惯性的使用此方法获取Iframe中的元素:
1
function setTitle(title)
2
{
3
var titleIframe = document.getElementById("titleIframe");
4
var iframeTitle = titleIframe.document.getElementById("iframeTitle");
5![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
iframeTile.value = title;
7
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
7
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
这段代码在IE中是没有问题没有问题的,可是到了FF中却无法正常运行,而且FF没有自带调试器,后来到网上找到一个叫venkman的调试器(不太好用)才得以跟踪,感觉FF做开发还不是那么顺手。进去以后才发现,原来第4行返回的值为null,也就是无法找到iframeTitle标签,百思不得奇解,仔细看了看,语法上没有错呀,而且HTML文档中也有相差的元素。最后用venkman一步一步跟踪到第4行,发现titleIframe.document居然为空,同时也找不到titleIframe.window。
原来在FF中IFRAME的“document”不叫document,改名叫contentDocument, "window"改名叫contentWindow,这就是区别了,将第4行改为var iframeTitle=titleIframe.contentDocument.getElementById("iframeTitle")即可。可是这样的话到IE中又无法正常运行了,没办法,只有加上一个判断代码了,在IE中用原来的那一行,FF中新的这一行。
IE和FF很多细节上存在不兼容性问题,这是大家都知道的,网上查了一下,没有人列出这些细节来,如果要做到程序在IE和FF中都能正常运行,那么得多在两个浏览器中调试一下,只有通过不断的去“试”,积累经验,才能写出通用性更好的代码。