微信扫一扫8.6w+
社区成员
怎样才能使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 高度自适应问题 项目里要往web页面埋 facebook 的投稿，接口返回资源 如下： <iframe id="hankyumensosaka" src="https://www.facebook.com/plugins/post.php?width=350&href=...
iframe 高度根据子页面来确定 因为我这是 宽度已知，整体居中的布局，滚动条加在 iframe 上会很奇怪，而且iframe的高度不确定，所以只能加给父级body上。 注意 iframe 标签中的 scrolling要为 “no” iframe 和 $.load() 的区别： 怎么让iframe...
用javascript动态调整iframe高度的代码 但是这样一来如果iframe里面的内容是变化的，高度会随之内容的变化而变化的时候，你的iframe就会显得太长导致底下一大片空白，或者正好相反，由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/...
iframe高度 //主页面去除滚动条，仅iframe内有滚动条 var menuFrame = document.getElementById('menuFrame'); //赋予iframe初始高度 menuFrame.height = window.innerHeight - document.getElementById('navH...
html随着页面大小框架改变,html iframe自适应高度 可随着窗口大小改变|三体教程... html iframe自适应高度 让浏览器兼容可随着窗口大小改变2017-10-12 21:36关于今天的“iframe自适应高度”这篇文章，小编很久以前就有写过，不过...在解决“iframe自适应高度”的问题之前，我们先说一下在其中遇到的...
iframe之自适应高度 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更...
iframe的高度随内容的多而自动增长 <iframename="web" width="100%" frameborder=0height="100%" src="station_1.asp"...this.height=web.document.body.scrollHeight+20"...让你的iframe高度变
控制iframe的高度随内容的多而自动增长 <script language="javascript">if (window.parent.length>0){window.parent.document.all.newtest.style.height=document.body.scrollHeight;...只需在你被iframe调用的文件</body>之后加入上面...
跨域Iframe高度自适应，浏览器跨域传值 在我们的白社会里，需要嵌入第三方应用，而嵌入的方式是使用 iframe，为了页面美观，这里就有一个最简单的需求：iframe 的高度需要跟随其本身内容的变化而实时变化，这就要求主页面根据 iframe 的内容实时的去设置其...
IFrame高度设置 但让人烦恼的问题也随之而来了，那便是如何让IFrame自身的高度随子页面而变化。上网搜了好多方法，发现都不适用。 很多人的方法都是这样的。在IFrame中设置 onload="autoHeight();“ function autoHeight(){ ...
动态设置IFrame的高度 但让人烦恼的问题也随之而来了，那便是IFrame自身的高度随子页面而变化。上网搜了好多方法，发现都不适用。 很多人的方法都是这样的。在IFrame中设置 onload="autoHeight();“ function autoHeight(){ ...
用javascript根据内嵌文档高度动态调整iframe高度 但是这样一来如果iframe里面的内容是变化的，高度会随之内容的变化而变化的时候，你的iframe就会显得太长导致底下一大片空白，或者正好相反，由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE
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">...
object标签与embad掉钱_iframe,object,embed标签嵌入视频后 宽高度自适应的css技巧 如下代码：如果在发布时清除了原来的格式，那么这个嵌入的视频也随之变得很小。如下图。这么小，自然是观感不太好。有没有比较简单快捷的方法，让iframe嵌入的视频宽度和高度，达到一个正常的，或适应当前页面宽度...
