iFrame高度问题

最新推荐文章于 2024-07-06 10:15:56 发布
最新推荐文章于 2024-07-06 10:15:56 发布
阅读量254 收藏
点赞数
分类专栏： ASP.NET 文章标签： iframe ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chensyabc/article/details/6045010
版权

iFrame自适应高度方法：

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

 

但这样在IE6下面还是存在显示问题，所以继续追寻方法，希望在自适应高度上再增加一些高度

直接+高度不行，得按比例乘以，所以，最后的解决方案是："this.height=iFrame1.document.body.scrollHeight*1.015“

chensyabc
关注
专栏目录
Iframe 高度自适应，js控制Iframe 高度自适应
蕃薯耀的博客
12-31 401
Iframe 高度自适应, js控制Iframe 高度自适应, iframe自适应高度 ================================ ©Copyright 蕃薯耀 2019年12月31日 http://fanshuyao.iteye.com/ 方法一：js控制Iframe 高度自适应 这个方法之前一直都在用，没有问题，但最新发现有些情况不行(具体原因不清楚) /* ...
Iframe自适应高度，Iframe高度问题解决
蕃薯耀的博客
03-10 4750
Iframe自适应高度，Iframe高度问题解决 ================================ ©Copyright 蕃薯耀2021-03-10 https://www.cnblogs.com/fanshuyao/ 一、Iframe自适应高度方法 /** * 父级页面获取子级页面的高度 给元素设置高度 * 在onload事件之后才生效，即第一次加载才生效，后面高度变化...
iframe的高度
lonelysunday123的博客
12-29 571
iframe的高度，滚动条，iframe
iframe设置自适应高度
yangnaiyi
07-11 93
function SetCwinHeight(){ var iframeid=document.getElementById("iframeid"); //iframe id if (document.getElementById){ if (iframeid && !window.opera){ if (iframeid.contentDo...
iFrame高度
buynider的专栏
11-27 543
http://www.zhangxinxu.com/wordpress/?p=1294
iframe设置高度
yao_1996的博客
05-07 5928
iframe设置高度 *设置iframe的高度为百分比时会失效解决* 设置iframe的高度为百分比时会失效解决 思路：我获取整个页面的高度，再减去其他标签的高度就可以得到iframe的高。 /* *** iframe高度初始化 *** */ $(function(){ var topMenu = window.document.getElementById('topMenu'); //顶层菜单...
html iframe高度问题
05-24
这个示例会在 iframe 加载完成后获取 iframe 内容的高度，并将 iframe 的高度设置为内容高度。注意，这种方法需要在同域内才能生效。如果 iframe 的源与父页面不在同一个域，就无法获取 iframe 内容的高度。
js实现iframe自动自适应高度的方法
10-24
console.error("无法调整Iframe高度，可能因跨域限制", e); } } ``` 这个函数通过`window.frameElement`获取当前运行脚本的Iframe元素，然后设置它的`height`属性为`document.body.scrollHeight`，即文档内容的...
iframe自适应高度
zhu_menglu的博客
04-12 4952
其中，padding-bottom的值需要根据iframe的宽高比来计算，例如，如果iframe的宽高比为16:9，则padding-bottom的值为56.25%（9除以16乘以100%）。可以设置iframe标签的高度为0，然后使用padding-bottom属性来设置iframe标签的高度，使其按照原来的比例自适应。这样，当浏览器窗口大小改变时，iframe标签的高度会自动按照原来的比例进行调整，从而实现自适应效果。
iframe高度自适应
03-15
NULL 博文链接：https://tianshi0253.iteye.com/blog/316987
iframe - 设置高度与宽度
最新发布
csd61ad的博客
07-06 649
height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%")。
HTML iframe标签以及其高度问题
mengxianglong123的博客
03-03 3633
iframe基本概念 其实它就是在本页面应用另一个页面，让被引用的页面成为当前页面的一部分。 基本用法 &lt;iframe src="demo.html" height="300" width="500" name="demo" scrolling="auto" sandbox="allow-same-origin"&gt;&lt;/iframe&
iframe自适应高度问题
weixin_30517001的博客
01-24 126
1、不跨域 iframe的页面直接修改包裹着它的iframe的高度就行 2、跨域 用postMessage https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage 下面是demo <!DOCTYPE html> <html lang="en"> <head> <meta...
iframe自适应高度解决方案
qq_43112598的博客
06-24 200
iframe自适应高度 废话不说先上代码 Html 标签代码 <iframe id="iframe1" src="" width="100%" onload="iframeLoad('iframe1')" scrolling="no" frameborder="0"></iframe> js代码 function iframeLoad(id) { document.getElementById(id).height=0; document.g
iframe左侧不变右侧根据内容的高度改变iframe的高度
JKING_的博客
07-28 208
在子页面中添加当前代码即可改变iframe的高度 $(document).ready(function(){ $('#main-iframe', parent.document).height($("body").height()); }) 刚开始试过下面这种方式改变高度，但是如果你要改变iframe的src就会出现延迟的情况，既获取的页面的高度还是上一个页面的高度，所以需要延迟调用，这种方法不是很保险 ，所以在网上又找了上面的这种方法 $(".main-iframe").attr("src",ifr
iframe 高度根据子页面来确定
Start2019
05-31 2425
因为我这是 宽度已知，整体居中的布局，滚动条加在 iframe 上会很奇怪，而且iframe的高度不确定，所以只能加给父级body上。 注意 iframe 标签中的 scrolling要为 “no” iframe 和 $.load() 的区别： 怎么让iframe的高度和宽度可以100%https://bbs.csdn.net/topics/390329086 iframe嵌套界面自适应，可高度自由收缩 ...
iframe 高度设置、iframe 自适应高度方法总结
热门推荐
巴黎的妖
05-19 2万+
所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。 如果iframe的高度没有确定，那将
重新设置iframe页面的高度
weixin_44484621的博客
06-09 5104
开发工具与关键技术：VS、JS 作者：盘耀海 撰写时间：撰写时间：2019年06月06日 iframe页面高度超出window窗口高度出现滚动条： 重新设置高度iframe的高度把多出的的高度调整使滚动条不出现 重新设置当前window的高度 = 设置的高度 获取iframe页面的id，设置window的高度减去超出的高度加上单位px 使用js代码而不用jQuer...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值