在编译客户端javascript时,IE和firefox(以下简称FF)的一些细节总是让人头痛,特别是在FF中,如果出错了,还没有错误提示,感觉两者都不是怎么遵循W3C标准。昨天就遇到一个操作IFRAME的问题。
  问题是这样的,一般我们在取都是通过document.getElementById()取得,不管在IE还是FF中都能用,所以我主习惯性的使用此方法获取Iframe中的元素:

1function setTitle(title)
2{
3var titleIframe = document.getElementById("titleIframe");
4var iframeTitle = titleIframe.document.getElementById("iframeTitle");
5
6iframeTile.value = title;
7}

  这段代码在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中都能正常运行,那么得多在两个浏览器中调试一下,只有通过不断的去“试”,积累经验,才能写出通用性更好的代码。
posted on 2006-09-20 10:15  Anders.Zhao  阅读(3806)  评论(6编辑  收藏  举报