<iframe name="mainframe" id="mainframe" src="" onload="this.height =document.frames['mainframe'].document.body.scrollHeight" border="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="732"></iframe>这种方法只能在ie上面有用，在firefox中并不支持，因此我做了一个兼容IE和FireFox的iframe 自动高度脚本和大家分享！
<html>
<head>
<title>兼容IE和FireFox的iframe 自动高度脚本</title>
<link href="/zbh/css/style.css" rel="stylesheet" type="text/css" />
<link rel="Shortcut Icon" href="/share/pic/logo.ico">
<link rel="Bookmark" href="/share/pic/logo.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<script>
var FFextraHeight = 0;
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
FFextraHeight = 16;
}
function ReSizeiFrame(iframe)
{
if(iframe && !window.opera)
{
iframe.style.display = "block";
if(iframe.contentDocument && iframe.contentDocument.body.offsetHeight)
{
iframe.height = iframe.contentDocument.body.offsetHeight + FFextraHeight;
}
else if (iframe.Document && iframe.Document.body.scrollHeight)
{
iframe.height = iframe.Document.body.scrollHeight;
alert(iframe.Document.body.scrollHeight);
}
}
}
</script>
<iframe name="mainframe" id="mainframe" src="/share/aa.html" onload="ReSizeiFrame(this)" border="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="732"></iframe>
</body>
</html>
分享到：
相关推荐
"Iframe高度自适应（兼容IE/Firefox、同域/跨域）"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度，确保在不同浏览器（如IE和Firefox）以及处理同域和跨域情况时都能正常显示。...
本篇将主要探讨JavaScript在Internet Explorer (IE) 和Firefox之间的兼容性挑战，并通过给出的文件名列表解析这些测试用例所涉及的知识点。 1. **createDocument测试.html** 在IE和Firefox中，创建XML文档的方法...
实现iframe自适应高度时，必须考虑到不同浏览器之间的差异，包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同，从而可能影响到自适应高度的效果。因此，在...
本文将详细介绍如何在不同浏览器，特别是兼容IE和Firefox火狐的情况下，防止页面被iframe。 首先，我们来看一下早期用于防止页面被iframe的JavaScript代码： ```javascript if (top.location !== self.location) ...
然而，在使用`iframe`时，如何使其高度和宽度能够根据内容自动调整，是开发者们经常遇到的问题之一。 #### 一、基本概念 在默认情况下，`iframe`的高度和宽度是固定的，需要开发者手动设置。当嵌入的内容发生变化...
JavaScript是一种广泛用于网页开发的脚本语言，它在不同的浏览器中有不同的实现，其中最显著的区别在于Internet Explorer（IE）和Mozilla Firefox（Firefox）。以下是一些关键的区别点： 1. **对象问题** - **...
本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法，以确保在IE和Firefox等主流浏览器上的兼容性。 首先，我们来看关键的JavaScript代码。在`<body>`标签下，我们需要插入以下脚本： ```html ...
本文讲解的是关于Iframe元素在网页中如何实现自适应高度，并确保在不同的浏览器环境下能够正常工作，特别是针对Internet Explorer（IE）和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...
Firefox（火狐浏览器）和IE（Internet Explorer）的内核不同，导致它们对JavaScript的某些API支持不同。Firefox基于Gecko引擎，而IE则使用Trident引擎。在早期版本的IE中，由于安全原因，JavaScript直接操作剪贴板的...
为了解决这个问题，我们可以利用JavaScript库jQuery来实现IFrame的高度自适应，确保无论内容如何变化，IFrame都能够自动调整高度以适应其内容，同时兼容不同的浏览器，如IE、Firefox、Safari和Chrome。 首先，我们...
本示例提供的是一段兼容IE、遨游、火狐等浏览器的Iframe自适应高度的JavaScript代码。这段代码的工作原理是通过JavaScript定时器定期检测Iframe内的文档高度，并根据需要调整Iframe自身的高度。 首先，我们来看代码...
总结起来，处理`iframe`与父窗口的交互涉及到浏览器兼容性问题，特别是IE和Firefox的差异。理解并熟练运用`contentWindow`、`contentDocument`、`attachEvent`、`addEventListener`以及`postMessage`等技术，是解决...
- 上述JavaScript代码适用于大多数现代浏览器，包括Chrome、Firefox、Safari、Edge和IE9+。对于IE8及更早版本，可能需要使用特定的解决方案，如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`...
该函数检查`iframe.contentWindow`（Firefox）和`iframe.contentDocument`（IE）的存在，以确定使用哪种方法获取内容的实际高度和宽度，并将这些值应用到iframe的`height`和`width`属性中，从而实现自动调整。...
在网页开发中，有时我们需要创建一个可编辑的`iframe`，以便用户能在其中进行文本编辑。...通过这种方法，可以确保用户无论在Firefox、Chrome、IE8还是Safari等浏览器上，都能获得一致且良好的浏览体验。
对于非IE浏览器，如Firefox、Chrome、Safari、360等，它们不支持ActiveXObject。我们可以使用Blob对象和URL.createObjectURL方法创建一个临时的文件URL，然后创建一个`<a>`标签指向这个URL，模拟点击下载。同时，...
本文介绍了一个在不同浏览器（IE、Firefox、Chrome）中实现JavaScript的pasteHTML功能的兼容方法。在深入了解这个技术之前，需要了解一些基础知识点： 1. pasteHTML是IE浏览器中的一个内置功能，它允许用户直接在...
在兼容各主流浏览器的场景下，我们不得不面对各个浏览器的差异性，包括但不限于 IE、Firefox、Chrome、Opera 和 Safari。不同浏览器对 DOM 对象的访问方式和属性支持不尽相同，因此需要通过浏览器类型检测（通过 ...