IE和Firefox中Iframe的互操作问题
来源:互联网 发布:网络五层协议 编辑:程序博客网 时间:2024/09/21 08:59
在编译客户端javascript时,IE和firefox(以下简称FF)的一些细节总是让人头痛,特别是在FF中,如果出错了,还没有错误提示,感觉两者都不是怎么遵循W3C标准。昨天就遇到一个操作IFRAME的问题。
问题是这样的,一般我们在取都是通过document.getElementById()取得,不管在IE还是FF中都能用,所以我主习惯性的使用此方法获取Iframe中的元素:
这段代码在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中都能正常运行,那么得多在两个浏览器中调试一下,只有通过不断的去“试”,积累经验,才能写出通用性更好的代码。
问题是这样的,一般我们在取都是通过document.getElementById()取得,不管在IE还是FF中都能用,所以我主习惯性的使用此方法获取Iframe中的元素:
function setTitle(title)
{
var titleIframe = document.getElementById("titleIframe");
var iframeTitle = titleIframe.document.getElementById("iframeTitle");
iframeTile.value = title;
}
{
var titleIframe = document.getElementById("titleIframe");
var iframeTitle = titleIframe.document.getElementById("iframeTitle");
iframeTile.value = title;
}
原来在FF中IFRAME的“document”不叫document,改名叫contentDocument, "window"改名叫contentWindow,这就是区别了,将第4行改为var iframeTitle=titleIframe.contentDocument.getElementById("iframeTitle")即可。可是这样的话到IE中又无法正常运行了,没办法,只有加上一个判断代码了,在IE中用原来的那一行,FF中新的这一行。
IE和FF很多细节上存在不兼容性问题,这是大家都知道的,网上查了一下,没有人列出这些细节来,如果要做到程序在IE和FF中都能正常运行,那么得多在两个浏览器中调试一下,只有通过不断的去“试”,积累经验,才能写出通用性更好的代码。
- IE和Firefox中Iframe的互操作问题
- IE FireFox iframe操作的小结
- 【开发过程问题汇总系列】【JS控制 iframe跳转】兼容 FireFox和IE内核的浏览器
- 【开发过程问题汇总系列】【iframe自适应高度】兼容 FireFox和IE内核的浏览器
- Firefox和IE,通过JavaScript调用iframe中页面的函数
- Firefox和IE,通过JavaScript调用iframe中页面的函数
- 兼容FireFox和IE的iframe自适应高度js函数
- 适用于IE和Firefox的iframe自适应高度JS代码
- 适用于IE和Firefox的iframe自适应高度JS代码
- firefox的iframe问题
- IE中iframe的跨域问题
- ie 和 firefox宽度的问题
- IE和Chrome、FireFox的ContentType问题!
- iframe 跟ie,firefox,chrome 的爱恨情仇
- IE中设置了document.domain后操作iframe的问题
- virtual iframe. IE + FireFox
- 解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
- 解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
- LINUX最常用的基本操作命令
- 基于Linux操作系统的目录服务的实现
- Unix系统的远程存取操作
- help
- Unix Shell程序编写的方法详解
- IE和Firefox中Iframe的互操作问题
- Unix操作系统 网络相关的两个安全问题
- Unix环境高级编程一例
- 我们为什么一直选择Java
- 腾讯CEO马化腾:先做最有把握的事情
- 亲身体验银行排队
- 解决IBatis中的多对一映射n+1问题
- 工作点滴
- 网上邻居的基础:详解 NETBIOS