1、第一个适应高度的方案
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
<iframe src="/custom/job/question.do" scrolling="no" style="border: medium none; width: 710px; overflow: hidden;" id="iframepage" name="iframepage" onLoad="iFrameHeight()"> </iframe>
2、别人自适应的方案
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text
![]()
ml; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight +20;
pTar.width = pTar.contentDocument.body.scrollWidth+20;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
</script>
<iframe src ="b.html" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize('ifm');" width="100%">
</iframe>
</body>
<
![]()
/html>
分享到：
相关推荐
标题提到的“iframe自动适应高度（完美自适应高度嵌套代码）”提供了一个解决方案，它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度，包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...
2. **iframe自动适应高度** 当`iframe`加载的页面高度不确定时，我们需要动态调整`iframe`的高度以适应内容。由于跨域限制，我们不能直接获取子页面的DOM信息，但可以通过以下策略实现： - **使用代理页面** ...
### iFrame自动调整高度知识点详解 #### 一、前言 在网页开发中，经常会遇到需要将一个网页嵌入到另一个网页中的场景，这时候就会用到`<iframe>`标签。然而，由于`<iframe>`的高度默认是固定的，在内容发生变化时...
在用js动态创建时,iframe 很难自动适应高度宽度,写100%也没有,推出此方法可以解决这方面难题
**iframe自适应高度详解** 在Web开发中，`iframe`（Inline Frame）是一种非常有用的元素，它允许我们在一个网页中嵌入另一个网页。然而，一个常见的挑战是让`iframe`的高度自适应其内部内容的高度，以免出现滚动条...
在探讨“嵌入到HTML的iframe自动适应大小”的主题时，我们主要关注的是如何使一个内嵌在HTML页面中的iframe元素能够根据其内容或者父容器的尺寸动态调整自身的高度，从而实现良好的响应式设计和用户体验。...
然而，`<iframe>`的高度自适应问题常常困扰着开发者，尤其是当`<iframe>`内部的内容动态加载或者变化时，如何让`<iframe>`自动调整其高度以适应内容，而不会导致滚动条溢出或内容被截断，成为了一个常见需求。...
在默认情况下，`iframe`的高度是固定的，这意味着当嵌入的内容高度发生变化时，`iframe`不会自动调整其高度。这可能会导致内容溢出或出现滚动条的情况，从而影响用户体验。因此，实现`iframe`的高度自适应变得尤为...
总的来说，`iframe`多层级自动适应高度是一个常见的前端问题，通过JavaScript的`postMessage`和事件监听，我们可以实现动态的高度调整，确保用户能完整地查看所有内容。同时，为了提高用户体验，还应考虑优化加载...
在一些特殊情况下，我们需要让Iframe高度自动适应其中内容的大小。上面提供的文档内容，尽管通过OCR扫描技术出现了一些识别错误，但是核心的代码和思路是清晰的，能够帮助我们理解如何实现Iframe高度的自适应。 从...
iframe是网页设计中经常用来装载子页使用的,如何让iframe随着动态装载的子页(主页不刷新)自动适应所装子改变在小是我们经常要处理的问题;现给出两个非常简单的例子,从不同的角度来实现iframe根据最新加载的子页自动...
然而，这些静态属性无法自动调整以适应内容的变化。 接下来，我们可以利用JavaScript的DOM操作和事件监听来实现自适应高度的功能。以下是一个基本的实现步骤： 1. **获取`iframe`元素**：通过`document....
在窗口大小调整时，我们也需要调用handleFrameLoad函数来重新设置IFRAME框架的高度，以确保IFRAME框架的高度能够自动调整以适应窗口的大小变化。 在IFRAME框架中，我们可以使用table元素来控制IFRAME框架的高度。在...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
然而，在使用`iframe`时，如何使其高度和宽度能够根据内容自动调整，是开发者们经常遇到的问题之一。 #### 一、基本概念 在默认情况下，`iframe`的高度和宽度是固定的，需要开发者手动设置。当嵌入的内容发生变化...
将`iframe`放在一个grid容器中，并使用`auto-fill`或`auto-fit`作为行的重复数量，`iframe`将会自动适应内容高度。 ```css .iframe-grid { display: grid; grid-template-rows: auto; } .iframe-grid iframe...
当我们需要在`iframe`中展示的内容高度不固定时，一个常见的需求就是使`iframe`的高度能自动适应其内嵌页面的高度，以避免滚动条的出现或内容被截断。标题"iframe高度随子页高度变化"和描述中提到的问题，正是关注于...
在父容器上设置相应的样式，可以让Iframe自动填充可用空间。例如，使用Flexbox： ```html ;"> <iframe id="myIframe" src="http://example.com" style="flex: 1;"></iframe> ``` 3. **PostMessage API**： ...
js 控制 Iframe 高度自适应是指使用 JavaScript 语言来控制 iframe 的高度，使其能够自动调整以适应内容的高度。 在 iframe 高度自适应中，需要考虑多种浏览器的兼容性问题，包括 Firefox、IE、Opera 等不同的...