function adjustIFrame(iframe, height)
{
// jQuery(obj).attr("action")
if (!iframe.id || iframe.id=="")
{
iframe.id = "defaultIframe";
}
if (!iframe.name || iframe.name=="")
{
iframe.name = iframe.id;
}
var intHeight = parseInt(height);
var iframe = document.getElementById(iframe.id);
var iframeDom = document.frames[iframe.id];
if (iframeDom.window.document.body.scrollHeight > intHeight - 10)
{
iframe.height = iframeDom.window.document.body.scrollHeight + 20;
}
else
{
iframe.height = intHeight;
}
var idoc = document.frames[iframe.id].document;
idoc.body.onresize = function()
{
alert(iframe.id + ' resize')
var currentScrollHeight = idoc.body.scrollHeight;
if (currentScrollHeight > intHeight - 10)
{
document.getElementById(iframe.id).height = currentScrollHeight + 20;
}
else
{
document.getElementById(iframe.id).height = intHeight;
}
};
}
分享到:
相关推荐
综上所述,这个文档向我们展示了如何编写JavaScript代码来实现Iframe高度的自适应,以达到不需要每次Iframe内容更新都需要手动调整高度的目的。这对于提高网页的用户体验以及减少维护成本都是有益的。需要注意的是,...
3. **动态调整高度的实现**: 当`2.htm`中的`body`元素加载完成时,`resize()`函数会被调用,将`body`的`scrollHeight`和`scrollWidth`赋值给`iframe`的`height`和`width`属性。这样可以确保`iframe`的大小适应其...
为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细探讨如何实现`iframe`根据页面内容自适应高度和宽度。 首先,我们需要理解`iframe`的基本结构。一个简单的`iframe`标签如下: ...
Iframe自适应高度指的是让Iframe的尺寸能够根据其中嵌入页面的实际内容高度自动调整,而不是预设固定值,这样可以避免出现滚动条或是内容未能完整显示的情况。 在上述文件内容中,我们可以了解到以下关于Iframe...
其中,`src`属性指定要加载的网页URL,`width`和`height`分别定义了iframe的宽度和高度。 ### iframe的应用场景 1. **内容聚合**:网站可以使用iframe展示来自不同来源的内容,如新闻、天气预报或者社交媒体动态。 ...