`
ajax_xu
  • 浏览: 156031 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

ie ff iframe自适应高度和互操作

阅读更多
<script type="text/javascript" language="javascript">
<!--
//调整 PageContent 的高度
function TuneHeight()
{
var frm = document.getElementById("FM_Content");
var subWeb = document.frames ? document.frames["FM_Name"].document : frm.contentDocument;
if(frm != null && subWeb != null)
{ frm.height = subWeb.body.scrollHeight;}

}
//-->
</script>

<iframe frameborder="0" height="200px" width="780px" src="/david/" scrolling="no">
</iframe>


E和Firefox中Iframe的互操作问题
  在编译客户端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中都能正常运行,那么得多在两个浏览器中调试一下,只有通过不断的去“试”,积累经验,才能写出通用性更好的代码。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics