微信扫一扫8.5w+
社区成员
怎样才能使iframe的高度根据其中的页面高度随之变化?急
怎样才能使iframe的高度根据其中的页面高度随之变化，而不产生滚动条。
比如：我在一个iframe中，导入其它页面，这几个页面高度不一至，怎样才能使iframe的高度随着导入的页面的高度而变化，当内容超出一屏时，不使iframe出现滚动条，是嵌入iframe的页面出现滚动条呢？？？
多谢高手指教！！
一位网友给我了代码
<iframe frameBorder=0 id=mainFrame style="height:expression(1); aho:expression(autoResize()); width:100%;" src="seahtml.htm" ></iframe>
<script language="javascript">
//iframe的高度随内容自动增大，而不产生下拉滚动条。
function autoResize() {
try {
document.all["mainFrame"].style.height=mainFrame.document.body.scrollHeight;
}catch(e){}
}
</script>
用了能实现，但状态栏上总显示“！”号，“网页上有错误”这些字样，请指教！不胜感激！！
比如：我在一个iframe中，导入其它页面，这几个页面高度不一至，怎样才能使iframe的高度随着导入的页面的高度而变化，当内容超出一屏时，不使iframe出现滚动条，是嵌入iframe的页面出现滚动条呢？？？
多谢高手指教！！
一位网友给我了代码
<iframe frameBorder=0 id=mainFrame style="height:expression(1); aho:expression(autoResize()); width:100%;" src="seahtml.htm" ></iframe>
<script language="javascript">
//iframe的高度随内容自动增大，而不产生下拉滚动条。
function autoResize() {
try {
document.all["mainFrame"].style.height=mainFrame.document.body.scrollHeight;
}catch(e){}
}
</script>
用了能实现，但状态栏上总显示“！”号，“网页上有错误”这些字样，请指教！不胜感激！！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
孟子E章 2004-04-30
<iframe frameBorder=0 id=mainFrame style="width:100%;" src="seahtml.htm" ></iframe>
in seahtml.htm里
<body onload="parent.document.all.mainFrame.style.height=document.body.scrollHeight">
in seahtml.htm里
<body onload="parent.document.all.mainFrame.style.height=document.body.scrollHeight">
- 打赏
- 举报
用javascript动态调整iframe高度的方法 但是这样一来如果iframe里面的内容是变化的，高度会随之内容的变化而变化的时候，你的iframe就会显得太长导致底下一大片空白，或者正好相反，由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/...
js 子页面改动后 父页面的iframe的高度随之变化 function IFrameResize(){ // alert(this.document.body.... //弹出当前页面的高度 var obj = parent.document.getElementById("ID"); //取得父页面IFrame对象 //alert(obj.height); //弹出父页面中IFr
iframe父页面随子页面高度的增加而增加 问题：iframe嵌套网页，子页面高度增加，iframe高度也会增加.列如：子页面是一个表格数据。有个下拉框可以选择 回答： 1、首先你要明确：选择条数之后，触发了事件令子页面的body高度改变了，因此我们要捕捉到这...
用javascript动态调整iframe高度的代码 但是这样一来如果iframe里面的内容是变化的，高度会随之内容的变化而变化的时候，你的iframe就会显得太长导致底下一大片空白，或者正好相反，由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/...
iframe 高度自适应问题 项目里要往web页面埋 facebook 的投稿，接口返回资源 如下： <iframe id="hankyumensosaka" src="https://www.facebook.com/plugins/post.php?width=350&href=...
iframe高度 //主页面去除滚动条，仅iframe内有滚动条 var menuFrame = document.getElementById('menuFrame'); //赋予iframe初始高度 menuFrame.height = window.innerHeight - document.getElementById('navH...
设置html iframe的高宽自动,在自适应布局页面上如何让iframe保持高宽比例 自适应布局网页设计(响应式布局)的好处是一套网页编码能在桌面电脑，平板，手机上根据屏幕的大小自动调整显示方式，极大的提升了用户使用友好性。但凡事有好处就有弊端，比如今天提到的如何如何让iframe保持高宽比例...
iframe vue 宽度_vue 如何自适应调整嵌入的 iframe 的大小，让用户完全感觉不出有 iframe 这个东西？... 如题，vue 开发目前遇到一个困难，需求背景大概是这样，vue 框架搭的前端，里面需要做个介绍页面，只要有展示功能即可，所以可以是纯静态的。后端程序员写前端苦手，设计网页更别提，遂咨询 V2 老哥，如何快速把网上...
iframe之自适应高度 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更...
iframe的高度随内容的多而自动增长 &lt;iframename="web" width="100%" frameborder=0height="100%" src="station_1.asp"...this.height=web.document.body.scrollHeight+20"...让你的iframe高度变
IFrame高度设置 但让人烦恼的问题也随之而来了，那便是如何让IFrame自身的高度随子页面而变化。上网搜了好多方法，发现都不适用。 很多人的方法都是这样的。在IFrame中设置 onload="autoHeight();“ function autoHeight(){ ...
跨域Iframe高度自适应，浏览器跨域传值 在我们的白社会里，需要嵌入第三方应用，而嵌入的方式是使用 iframe，为了页面美观，这里就有一个最简单的需求：iframe 的高度需要跟随其本身内容的变化而实时变化，这就要求主页面根据 iframe 的内容实时的去设置其...
控制iframe的高度随内容的多而自动增长 <script language="javascript">if (window.parent.length>0){window.parent.document.all.newtest.style.height=document.body.scrollHeight;...只需在你被iframe调用的文件</body>之后加入上面...
object标签与embad掉钱_iframe,object,embed标签嵌入视频后 宽高度自适应的css技巧 如下代码：如果在发布时清除了原来的格式，那么这个嵌入的视频也随之变得很小。如下图。这么小，自然是观感不太好。有没有比较简单快捷的方法，让iframe嵌入的视频宽度和高度，达到一个正常的，或适应当前页面宽度...
动态设置IFrame的高度 但让人烦恼的问题也随之而来了，那便是IFrame自身的高度随子页面而变化。上网搜了好多方法，发现都不适用。 很多人的方法都是这样的。在IFrame中设置 onload="autoHeight();“ function autoHeight(){ ...
Iframe高度自适应（兼容IE/Firefox、同域/跨域） 随之而来的就是在实际使用iframe中，会遇到iframe高度的问题，由于被嵌套的页面长度不固定而显示出来的滚动条，不仅影响美观，还会对用户操作带来不便。于是自动调整iframe的高度就成为本文的重点。 采用...
iframe自动适应高度的多种方法方法小结 第一种方法JQuery：跨域名适应高度，需引用jQuery,我附件上传有，可以直接下载 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="jquery-1.4.2.min.js" type="text/javascript">...
