`

JS控制iframe 框架高度自适应

阅读更多

这个基本不用介绍了吧,因为项目中使用的框架高度总是很小,不能适应最外面的页面。使用以下JS可以完全解决这个问题。

 

body style="margin:0; padding:0; height:100%" scroll=no>
<iframe id="infrm" name="infrm" marginwidth="0" marginheight="0" width="100%" src="http://www.arting365.com" frameborder="0"></iframe>
<script language="javascript">
function autoheight(sid)
{var gid=document.getElementById(sid);
gid.height=document.documentElement.offsetHeight-5;}
window.setInterval("autoheight(\"infrm\")",100);
</script>
分享到:
评论

相关推荐

    JAVASCRIPT让IFRAME框架的高度自适应

    通过使用JavaScript来让IFRAME框架的高度自适应,我们可以实现IFRAME框架的高度自动调整,以提高用户体验。同时,我们也可以使用这个方法来实现其他类型的高度自动调整,以满足不同的需求。 在实际应用中,我们可以...

    Iframe框架高度自适应的实现.doc

    Iframe框架高度自适应是一个重要的需求,特别是在内容动态更新或者跨域通信时,确保用户无需滚动两个独立的滚动条来查看全部内容。本篇文章将详细解释如何实现Iframe框架高度自适应,并分析给定代码的工作原理。 ...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    本主题聚焦于一个特定的应用场景——"JQuery IFrame框架高度自适应",这是一个常见需求,尤其是在构建跨浏览器的多页面应用时。通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、...

    iframe自适应高度(兼容目前所有主浏览器)

    iFrame 自适应高度是前端开发中常见的问题,很多开发者在搜索引擎中搜索相关解决方案,但大多数文章只能解决静态高度的问题,而忽视了 JS 操作 DOM 之后的动态同步问题。同时,在浏览器兼容性方面也存在一定的漏洞。...

    Iframe 高度自适应浏览器高度

    标题“Iframe 高度自适应浏览器高度”涉及的核心知识点是如何让Iframe的大小根据其内容自动调整,特别是高度,以便始终保持与浏览器窗口的高度同步,从而提供更好的用户体验。 首先,我们需要了解Iframe的基本结构...

    iframe跨域嵌套自适应高度

    以下是一个简单的示例,展示了如何使用JavaScript实现`iframe`的自适应高度调整: ```javascript function adjustIFrameHeight(id) { var iframe = document.getElementById(id); var doc = iframe....

    Iframe 框架自适应被嵌入页面高度

    本文将深入探讨如何使用JavaScript来控制Iframe框架自适应被嵌入页面的高度。 首先,我们要理解为什么需要动态调整Iframe的高度。由于Iframe的内容可能来自于不同的来源,其内容长度是不确定的,因此在页面加载时...

    jquery对iframe自适应高度插件

    总之,“jquery对iframe自适应高度插件”是解决`iframe`高度自适应问题的一个强大工具,它的易用性和效率使得它成为开发者处理`iframe`高度问题的首选方案。通过合理利用这个插件,可以避免手动计算和调整`iframe`...

    iframe自适应高度.rar

    【标题】:“iframe自适应高度.rar”涉及到的关键知识点主要集中在如何使用JavaScript来处理网页中iframe元素的高度自适应问题。在Web开发中,iframe(Inline Frame)是一种内联框架,常用于在同一个HTML文档中嵌入...

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    iFrame的高度自适应通常涉及到JavaScript或者CSS的使用,有时甚至需要结合两者。以下是一些关键知识点: 1. **iFrame的基本使用**: iFrame通过`&lt;iframe&gt;`标签引入,属性包括`src`(指定要加载的URL)、`width`和`...

    .net 网页的布局框架 iframe自适应高度 js设置链接样式

    本项目采用了一种常见的布局方式,即左侧固定导航栏,右侧动态显示内容,通过IFrame实现内容区域的高度自适应,并利用JavaScript来调整链接的样式。这种布局方案在很多企业级应用中都得到了广泛应用,因为它的可扩展...

    js实现iframe自动自适应高度的方法

    本篇文章将详细介绍如何使用JavaScript实现Iframe的自动自适应高度。 首先,理解基本概念。Iframe的`height`属性决定了其显示区域的高度,当我们想要Iframe内容自适应时,我们需要动态地修改这个属性值,使其等于...

    js菜鸟笔记之框架高度自适应_ekom.cn

    ### JavaScript 实现 Iframe 高度自适应技术详解 #### 一、背景介绍 在网页设计与开发过程中,经常会遇到需要让一个`&lt;iframe&gt;`标签内的页面内容高度自适应其容器(即父页面)的需求。这主要是为了实现更加美观、...

    再谈iframe自适应高度

    "再谈iframe自适应高度"这个主题,关注的是如何使iframe的内容区域根据所加载页面的高度自动调整,以避免滚动条出现或者内容被截断的问题。在网页设计中,尤其是在构建响应式布局时,这是一个非常关键的优化点。 1....

    iframe窗口高度自适应的又一个巧妙实现思路

    如果所有页面都在同一域名下,那么可以直接通过JavaScript进行跨元素通信,实现`iframe`高度自适应。 总结来说,这个巧妙的实现思路巧妙地利用了同源策略,通过代理页面实现了跨域页面的高度传递,从而达到了`...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    iframe 自适应高度

    ### iframe自适应高度实现方法详解 在网页设计与开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前文档中嵌入另一个HTML文档。然而,在实际应用过程中,经常会遇到`iframe`内容高度固定导致页面...

    iframe高度自适应

    如果你有控制`iframe`加载的页面,可以在服务器端预估内容高度,并通过查询字符串传递给`iframe`,这样在客户端就可以直接设置高度。 以上就是解决`iframe`高度自适应问题的常见方法,每种方法都有其适用场景,...

    iframe自适应高度js demo

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架元素,它允许我们在一个HTML文档中嵌入另一个HTML文档。...通过查看并运行这些文件,你可以更好地理解并实践`iframe`自适应高度的JavaScript解决方案。

    网页内自适应高度框架JS

    网页内自适应高度框架JS是一种基于JavaScript实现的页面布局技术,它允许开发者创建灵活的页面结构,自动调整元素的高度以适应不同的屏幕尺寸和浏览器窗口大小。这种技术在响应式网页设计中尤其重要,因为它能够确保...

Global site tag (gtag.js) - Google Analytics