`
ma_ru_long
  • 浏览: 6214 次
  • 性别: 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 去滚动条

    博文链接:https://sctom123.iteye.com/blog/214373

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

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

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

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

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

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

    IFame

    IFame,这个名字可能指的是一个开源框架、库或者项目,但没有提供足够的标签信息来确切地确定它的具体领域。不过,通常在IT行业中,“IFrame”是HTML中的一个元素,用于在一个文档中嵌入另一个HTML文档。它常用于...

    [php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome

    本项目 "[php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome" 提供了一种利用iframe技术实现跨浏览器兼容的图片上传预览方案。以下是关于这个项目的一些关键知识点和详细说明: 1. **Iframe(内联框架)**:Iframe是一...

    弹出页面更新父页面中的ifame中的页面

    在网页开发中,有时我们需要通过弹出窗口与主页面进行交互,特别是在涉及到多个页面嵌套时,例如使用`iframe`元素。... 在某些场景下,我们可能需要在弹出窗口操作完成后,更新父页面中`iframe`的内容。...

    跨域iframe通讯

    跨域iframe通信是一种在不同源的页面之间进行数据交换的技术,它主要涉及到浏览器的同源策略。同源策略是浏览器为了安全而实施的一种机制,它限制了来自不同源的JavaScript代码之间的交互,防止恶意网站窃取用户信息...

    过滤掉危险的HTML标记:script,ifame,object

    在Web开发中,安全问题始终是不容忽视的重要环节之一。对于用户提交的数据,如果不加以处理就直接展示在页面上,很容易导致XSS(跨站脚本攻击)等安全问题的发生。... ... 1. **`<script>`**:此标签用于嵌入客户端脚本...

    非常实用的bootStrap-addTabs框架/ifame后台管理框架/ERP系统框架

    利用bootStrap开发的Tabs+iframe框架 非常实用,网上很少,不可多得的web网页框架资源

    smartcampus.vas.ifame.android

    "smartcampus.vas.ifame.android" 是一个针对安卓平台的应用程序,旨在为用户提供特伦托地区的门萨体验。从标题来看,我们可以推测这是一款与智慧校园或智能社区相关的应用,可能集成了各种服务和功能,如学习资源、...

    Chrome下ifame父窗口调用子窗口的问题示例探讨

    项目中遇到的一个浏览器不兼容问题: 在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。 代码如下: <frameset rows=”108,*,30″ border=”0″ frameSpacing...

    关于iframe的用法

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

    多个iframe,其中一个的div能够处于最上层显示

    若要使某个 `iframe` 中的 `div` 显示在其他 `iframe` 之上,我们必须同时调整 `iframe` 和其内的 `div` 的 `z-index`。 步骤如下: 1. 首先,为包含需要置于最上层的 `div` 的 `iframe` 添加一个唯一的 ID,例如 ...

    CAS单点登录 CODE+讲解

    利用CAS整合多个系统的问题与方案 利用CAS提供统一的登录入口,还需要定制登录界面,让用户可以选择使用那个系统的帐户进行登录。 由于登录界面发生改变,请求参数增加了账号所在的系统名称,所以,登录凭据也不能...

    iframe+单页+通讯.zip

    layui后台模板iframe+单页,下载后参考文本说明使用. 包含大部分常用的 layUI 小例子以及其他网站多个前端常用插件如日期,分页,图片懒加载等等近二十个例子 仅供学习使用, 商用请购买正版.

    jquery iframe操作详细解析

    **jQuery 操作 iframe 的详细指南** 在网页开发中,`iframe` 用于嵌入外部页面或者创建页面分隔,使得内容展示更为灵活。jQuery 提供了一系列的方法,方便开发者对 `iframe` 进行操作。本篇文章将深入讲解如何使用 ...

    后台模板框架iframe

    后台模板框架iframe是一种常见的网页开发技术,主要用于构建复杂的Web应用程序。...这个框架通常被用于后台管理系统,以提高用户体验和效率。 在描述中提到的“后台模板框架”,是专门为后端管理界面设计的一种布局和...

Global site tag (gtag.js) - Google Analytics