【HTML/JS】实现iFrame自适应高度，原来很简单！

最新推荐文章于 2024-08-28 14:23:26 发布

妹子把我们叫二货

最新推荐文章于 2024-08-28 14:23:26 发布

阅读量1.5k

点赞数

分类专栏：网页-HTML/JS

网页-HTML/JS 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

http://www.cnblogs.com/skywind/archive/2007/07/24/829550.html

<iframe id="iFrame1" name="iFrame1" width="100%" οnlοad="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>

看到了吧，关键就在于οnlοad="this.height=iFrame1.document.body.scrollHeight"！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

妹子把我们叫二货

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

iframe 自适应高度

06-22

iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度

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

10-24

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

参与评论您还未登录，请先登录后发表或查看评论

iFrame 自己适应高度

sjeveryday的专栏

09-14

164

看到了吧，关键就在于onload="this.height=iFrame1.document.body.scrollHeight"！

iframe 自适应设备高度

最新发布

2301_77113835的博客

08-28

800

这样，无论设备的高度变化，都会自动调整iframe的高度以适应设备。

iframe自适应高度

djt的专栏

06-05

2325

来自:http://ued.koubei.com/2008/05/07/iframe-auto-fit-height/这贴比较长，没有耐性的朋友请直接拖到帖子末尾的代码示例，或者直接去玩我提供的Demo。Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html下面开始讲：通过Google搜索iframe 自适应高度，结

html iframe高度自适应

weixin_33849215的博客

01-26

102

想到的一种办法是，在父页面里获取子页面的高度，在父页面onlod里把获取到子页面的高度赋值给父页面iframe标签，不过这种方法感觉不是很好，因为浏览器兼容性不好，获取不到高度这种方法有两种写法 <script type="text/javascript"> // 计算页面的实际高度，iframe自适应会用到 function calcPageHeight(doc...

JavaScript 处理Iframe自适应高度(同或不同域名下)

10-27

首先，我们来探讨同域名下的Iframe自适应高度的处理方法。当Iframe及其所嵌入页面位于同一域名时，可以通过JavaScript来获取嵌入页面的实际高度，并在Iframe的onload事件中设置其高度。具体做法是，在Iframe标签中...

JS实现iframe自适应高度的方法(兼容IE与FireFox)

10-22

本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法，以确保在IE和Firefox等主流浏览器上的兼容性。首先，我们来看关键的JavaScript代码。在`<body>`标签下，我们需要插入以下脚本： ```html ...

JS实现iframe自适应高度的方法示例

10-20

这里我们将详细介绍如何使用 JavaScript 实现 `iframe` 的高度自适应，并提供一个实际的代码示例。首先，我们来看一个简单的 `iframe` 示例： ```html <iframe id="mainFrame" name="mainFrame" src="/zwgk/...

jQuery js iframe 自适应高度

の原為じ簡單

07-23

154

方法一、jQuery <script type="text/javascript"> <!-- $(function(){ $("#workArea").load(function(){ var height = $(this).contents().find("#box").height() + 40; ...

js实现iframe自适应高度

03-01

纯JS实现的iframe自适应高度。兼容主流浏览器。

js控制iframe的高度/宽度让其自适应内容

10-26

主要介绍了如何使用js控制iframe的高度/宽度让其自适应内容,需要的朋友可以参考下

总结iframe高度自适应，自适应子页面高度

hhy018的专栏

04-07

1541

iframe id="mainFrame" name="mainFrame" scrolling="no" src="Index.aspx" frameborder="0" style="padding: 0px; width: 100%; height: 1000px;">iframe> 调用 startInit('mainFrame', 560);

让Iframe自适应高度