`
ma_ru_long
  • 浏览: 6392 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

ifame调节高度

 
阅读更多
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;
}
};
}
分享到:
评论

相关推荐

    Iframe框架自动适应高度示例详解.pdf

    综上所述,这个文档向我们展示了如何编写JavaScript代码来实现Iframe高度的自适应,以达到不需要每次Iframe内容更新都需要手动调整高度的目的。这对于提高网页的用户体验以及减少维护成本都是有益的。需要注意的是,...

    通过ifame指向的页面高度调整iframe的高度

    3. **动态调整高度的实现**: 当`2.htm`中的`body`元素加载完成时,`resize()`函数会被调用,将`body`的`scrollHeight`和`scrollWidth`赋值给`iframe`的`height`和`width`属性。这样可以确保`iframe`的大小适应其...

    iframe根据页面内容自适应高度和宽度

    为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细探讨如何实现`iframe`根据页面内容自适应高度和宽度。 首先,我们需要理解`iframe`的基本结构。一个简单的`iframe`标签如下: ...

    Iframe 自适应高度并实时监控高度变化的js代码

    Iframe自适应高度指的是让Iframe的尺寸能够根据其中嵌入页面的实际内容高度自动调整,而不是预设固定值,这样可以避免出现滚动条或是内容未能完整显示的情况。 在上述文件内容中,我们可以了解到以下关于Iframe...

    关于iframe的用法

    其中,`src`属性指定要加载的网页URL,`width`和`height`分别定义了iframe的宽度和高度。 ### iframe的应用场景 1. **内容聚合**:网站可以使用iframe展示来自不同来源的内容,如新闻、天气预报或者社交媒体动态。 ...

Global site tag (gtag.js) - Google Analytics