<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中都能正常运行,那么得多在两个浏览器中调试一下,只有通过不断的去“试”,积累经验,才能写出通用性更好的代码。
分享到:
相关推荐
2. `order_list.html`: 这个文件很可能被用作iframe的源,即被嵌入到index.html中的页面,可能包含了一些需要自适应高度的内容。 3. `jquery-1.7.2.min.js`: 这是jQuery库的版本1.7.2的压缩版,它是实现iframe高度...
本文将详细介绍两种在IE6、IE7及Firefox下实现`<iframe>`自适应高度的方法。 ### 方法一:JavaScript 调整高度 此方法主要通过JavaScript来动态获取`<iframe>`中内容的实际高度,并设置`<iframe>`的高度以实现...
标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点,主要涉及到CSS(层叠样式表)中的最小高度(min-height)属性以及如何实现跨浏览器的兼容性...
为了解决这个问题,我们可以利用JavaScript库jQuery来实现IFrame的高度自适应,确保无论内容如何变化,IFrame都能够自动调整高度以适应其内容,同时兼容不同的浏览器,如IE、Firefox、Safari和Chrome。 首先,我们...
### 让iframe自适应高度(支持XHTML,支持FF) #### 概述 在Web开发过程中,`iframe`是常用的一个HTML元素,用于在当前页面内嵌入另一个页面。但是,默认情况下,`iframe`的高度是固定的,这可能导致内容超出显示...
### CSS `min-height` 在IE6、IE7与Firefox下的DIV自适应高度解决方案 #### 背景介绍 在Web开发的历史长河中,不同浏览器对CSS的支持程度一直是开发者们面临的一大挑战。尤其是在早期,Internet Explorer 6 (IE6) ...
经过上述调整,这个高度自适应的`iframe`解决方案能够在IE、FF和Opera上正常工作,不再出现纵向滚动条,确保了用户体验的一致性。然而,值得注意的是,这个方法可能不适用于所有情况,例如Safari、Chrome等其他...
高度自适应,兼容IE,FF,CHROME”是一个jQuery插件或脚本的描述,它主要用于网页中创建一个功能强大的横幅滚动效果。这个效果允许网页上的区块或链接在水平方向上进行无缝循环滚动,同时具备自适应宽度和高度的能力...
标题中的“jquery实现区块或链接横向无缝循环滚动,自适应宽度,可随意设置外容器的宽度,高度自适应,兼容IE,FF,CHROME”是一个jQuery插件或脚本的功能描述,它涉及到网页中元素的动态展示效果。下面将详细解释这...
尤其是在IE(Internet Explorer)和FF(Firefox)浏览器之间,这两款浏览器在过去经常存在兼容性问题,使得开发者需要采取额外措施来保证网页的正常显示。 在本示例中,我们使用了CSS(层叠样式表)来定义div元素的...
本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...
在开发Web应用时,兼容性问题常常困扰着开发者,尤其是针对不同的浏览器,如Internet Explorer(IE)和Mozilla Firefox(FF)。这两个浏览器在处理JavaScript和CSS样式时存在诸多差异,这使得代码在不同环境下表现不...
总结来说,要实现左右div自适应高度,首先需要理解不同属性如 `clientHeight` 和 `offsetHeight` 的定义和作用。然后,通过合理的JavaScript代码,结合jQuery库,根据元素的当前高度来动态调整,确保两者的高度同步...
标题 "最小高度能自适应高度IE.FF全兼容的div设置特效代码" 涉及的是前端开发中的一个常见问题,即如何在不同浏览器(尤其是IE和Firefox)中实现一个div元素的最小高度自适应其内容高度,并保持良好的兼容性。...
JavaScript瀑布流布局是一种常见的网页设计模式,常用于展示图片或者文章列表,使它们自适应不同屏幕尺寸,呈现出一种像瀑布一样流动的效果。这种布局方式在响应式设计中尤其受欢迎,因为它能够有效地利用有限的空间...