iframe的高度随内容自动增大

最新推荐文章于 2024-08-17 20:35:05 发布
最新推荐文章于 2024-08-17 20:35:05 发布
阅读量122 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/yefei520/archive/2005/12/27/305488.html
博客介绍了实现iframe高度随内容自动增大的方法，给出了autoResize函数代码，通过该函数可使iframe高度根据内容调整，还展示了IFRAME标签的相关设置，代码可能源自https://www.cnblogs.com/yefei520/archive/2005/12/27/305488.html 。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

/iframe的高度随内容自动增大
　function autoResize(strObj)
 {
 try {  
   document.all[strObj].style.height=web.document.body.scrollHeight;
  }
 catch(e){}
 }
 <IFRAME frameBorder=0 id=web name=web scrolling=no src="http://ivan.pagou.com/jingjia/test.htm" style="height:expression(1); aho:expression(autoResize('web')); width:100%;"></IFRAME>

转载于:https://www.cnblogs.com/yefei520/archive/2005/12/27/305488.html

2016阿里巴巴73款开源产品全向图
科技D人生
10-08 1501
2016阿里巴巴73款开源产品全向图 摘要： 受益开源，就当回馈。面对阿里头顶上“贡献开源软件数目第一”的光环，我们清醒地认知阿里开源的目的：阿里开源不是到业内“秀肌肉”，更不是自卖自夸；阿里之所以选择开源是因为开源是孵化新技术领域的容器，更是技术演进的最大推动力。 这是开发者和开源爱好者正在共同书写的峥嵘岁月。 回顾历史，阿里巴巴集团已经开源115个项目，加入F
VUE页面导出PDF踩坑指南
LGEC_的博客
08-11 3422
导出方案用的是html2canvas+jspdf，简单的导出很容易实现，但是也会有一些问题：一是不同分辨率下导出内容不同的问题，这个需要固定导出内容的宽度；二是会遇到页面内容被切割的问题，因为导出原理是先使用html2canvas将DOM元素转换为canvas，再利用 canvas 的 toDataURL 方法输出为图片，之后使用jspdf添加图片生成PDF。图片生成PDF过程中必然用统一的格式切割图片分页，所以内容很容易被切割；
控制iframe的高度随内容的多而自动增长
weixin_30642029的博客
10-08 259
<script language="javascript">if (window.parent.length>0){window.parent.document.all.newtest.style.height=document.body.scrollHeight;}</script> 只需在你被iframe调用的文件</body>之后加入上面...
有没有什么方法可以让IFRAME的高度随着里面的内容增加而自动增高
shysky的专栏
02-01 2926
http://bt.eyeah.cn/cache/lmovie/2415.html">>var collAll = document.frames("main").document.body;document.getElementById("main").height=collAll.scrollHeight;document.getElementById("main").width=coll
如何控制iframe的高度随内容的多而自动增长
containsoft123的专栏
11-02 1491
 方法1：在iframe中加入name属性。然后加上onload="this.height=webb.document.body.scrollHeight+20"。例如： 方法2：在被iframe调用的文件之后加入上面这段即可。if (window.parent.length>0){window.parent.document.all.webb.style.height=docum
[JS] IFrame动态自动增高
weixin_30700977的博客
07-16 172
最近要做一只主程式里面包多个子页签，每个页签都有关联的动态程式，因此需要在子程式画面变动时，自动调整IFrame高度，避免Scrollbar的出现。当IFrame是静态内容，可直接在IFrame的onload自动增高，如果IFrame内容是动态程式，就需要在程式中执行自动增高JS，小弟的作法是IFrame网址多传入IFrame的ID，然后动态程式接ID参数再执行自动增高JS，如此就可以将动态程...
iframe根据子页面自动调整大小（两种方法）
热门推荐
qq_43096062的博客
08-05 1万+
iframe根据子页面自动调整大小（两种方法）（第一种）（第二种） 很多人估计会遇到这样的情况，在IFrame嵌入某些页面，总会出现滚动条，那么有没方法，可以让IFrame随着嵌入页面的内容大小自动调节大小而不出现滚动条呢？答案是肯定的，经过查找，发现了两种方法，大家直接引用就好 （第一种） 在要嵌入的页面添加js： //iframe高度自适应 　　function IFrameReSize(if...
UIOTOS文档：表单组件 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等
qq_69807227的博客
08-17 1091
输入框、文本框、对话框、下拉框等等表单组件
fixed css
最新发布
04-03
针对这种情况的一个解决方案就是利用JavaScript动态计算并重新设定iframe的高度参数使其与实际内容相匹配: ```javascript function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.body....
HTML 笔记/案例
weixin_46396363的博客
03-02 551
一丶HTML简介 1.HTML是什么? HTML:Hyper Text Markup Language超文本标记（标签）语言 由多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？ 制作网页、控制网页喝内容的显示 插入图片、音乐点、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息、实现交互 3.版本 W3C:World wide web consortium ...
js调用iframe实现打印页面内容的方法
12-12
1、程序说明1) 此程序可以实现选择页面中的区域进行打印，以iframe方式进行打印；2) 与原生态的print() 区别在于，取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数： 代码如下:function do_print(id_str)//id-str 打印区域的id{var el = document.getElementById(id_str);var iframe = document.createElement(‘IFRAME’);var doc = null;iframe.setAttribute(‘style’, ‘position:absolut
iframe自动根据内容调整大小
盐一酱的专栏
12-21 6776
出处：http://blog.163.com/xx_jun_/blog/static/20827520920125169374412 最近做网页开发，用到了iframe，其实以前也用这个，不过由于它不能自动根据内容调整大小，所以用的很少，也就没有仔细研究，可是最近做网页开发其中几个页面必须要用到iframe才能很容易的进行一些操作，不得以就研究了一下，如何让其自动根据内容来设定自身的大小
iframe自适应高度（随内容高度变化）
weixin_50641294的博客
05-25 6453
由于需求需要把一个项目的页面嵌套到另外一个页面，但是iframe高度不能写死，所以要让iframe高度自适应 1.解决思路： 获取嵌套页面的高度，把高度赋值给父页面的iframe 代码实现 1.首先在嵌套页面获取父级ifram元素 let iframeDom = parent.parent.document.getElementById("iframe") 2.获取嵌套页面高度 let box = document.getElementById("box") 3.把页面高度复制给父级ifram iframe
jQuery解决iframe高度随内容自动调整
zhuwang219的博客
01-04 2902
$(function(){ //iframe高度随内容自动调整 $('.main').load( function(){ var h = $(this).contents().find("body").height(); //别的参考不对 $(this).height(h); } ); }); index： top iframe： page1
iframe高度随内容自动变化
ocean1010的专栏
07-08 1271
在iframe加入如下代码：onload="this.height=dc_iframe.document.body.scrollHeight"
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值