8.0w+
社区成员
Iframe的高度如何自适应
Iframe的高度如何自适应
网上的代码都用了都不可以，网上的代码
结果还是不行还是这个问题：【src=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问！”】
网上的代码都用了都不可以，网上的代码
1.采用MicroSoft扩展的javascript的实现：
<<<<<<<<<<<<<<<<<<<<<<<<<<原文：
代码如下：
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<IFRAME id="test" name="test" frameBorder=0 scrolling=no src="http://10.107.2.199:2500/cn/asp/reg.asp" width="100%" height=0></IFRAME>
</body>
</html>
<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
document.all("test").height=test.document.body.scrollHeight;
</SCRIPT>
重要提示：src=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问！”
之前自己也碰到过这个问题，为了得到答案去网上搜索，发现有不少人也遇到了这样的问题，现在就把解决方法共享一下，超简单哦
1、建立一个bottom.js的文件，然后输入下面的代码（只有两行哦）
parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;
这里的 框架ID名 就是Iframe的ID，比如：
<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="XXX.asp" width="100%"></IFRAME>
2、给你网站里所有的被包含文件里面每个都加入
<script language = "JavaScript" src = "bottom.js"/></script>
结果还是不行还是这个问题：【src=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问！”】
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
烟火人间-红尘一笑 2010-09-24
我是这么做的，兼容性没问题。
<body onload="parent.window.document.all.frm_main.height = document.body.scrollHeight;">
<body onload="parent.window.document.all.frm_main.height = document.body.scrollHeight;">
- 打赏
- 举报
waitdream 2010-09-24
即便是用Javascript，你的代码也是错误的~
<SCRIPT type="text/javascript">
document.getElementById("test").height = document.body.clientHeight - 50;
</SCRIPT>
- 打赏
- 举报
Xiaoloveliuforever 2010-09-24
iframe现在都不推荐用了吧
优点和缺点都很明显
优点和缺点都很明显
- 打赏
- 举报
鑫仔816 2010-09-22
之前也遇到这种事情，好像宽度和黑度要一起设才有效，你设一下看行不行
- 打赏
- 举报
waitdream 2010-09-22
[Quote=引用 2 楼 rgbgogj 的回复:]
引用 1 楼 waitdream 的回复:
直接用height=100% 不可以么？为什么还要用JS这么麻烦？
没有效果啊~。。
[/Quote]
把属性设置成百分比会没有效果？这个不可能的啊？
引用 1 楼 waitdream 的回复:
直接用height=100% 不可以么？为什么还要用JS这么麻烦？
没有效果啊~。。
[/Quote]
把属性设置成百分比会没有效果？这个不可能的啊？
- 打赏
- 举报
码农の视界 2010-09-22
[Quote=引用 1 楼 waitdream 的回复:]
直接用height=100% 不可以么？为什么还要用JS这么麻烦？
[/Quote]
没有效果啊~。。
直接用height=100% 不可以么？为什么还要用JS这么麻烦？
[/Quote]
没有效果啊~。。
- 打赏
- 举报
waitdream 2010-09-21
直接用height=100% 不可以么？为什么还要用JS这么麻烦？
- 打赏
- 举报
iframe窗口高度自适应的实现方法 domainA 中有一个页面index.html，通过iframe嵌套了domainB中的一个页面other.html由于other.html页面在iframe中显示，而且其页面内容会动态的增加或减少，现在需要去掉iframe的滚动条由于javascript同源策略的限制...
JavaScript设置IFrame高度自适应(兼容各主流浏览器) IFrame高度的设置问题一直都是前端的噩梦而且还要兼容各主流浏览器更是难上加难了，下面与大家分享下一个不错的技巧，感兴趣的你可以参考下哈
jQuery解决iframe高度自适应代码 网上查了好多用着都不行，自己搞定了：在包含iframe的页面中加入以下脚本，基本思想是在iframe加载内容后重新设置高度，下面代码尽在IE6中用过，没在其他浏览器中测试。
6种iframe高度自适应的方法 js自适应高度，实际上就是设置iframe的高度，设置等于内嵌网页的高度，从而看不到滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。我们可以通过css来给它直接定义一个高度，同样可以...
纯css实现iframe高度自适应 但是这就造成了iframe高度无法自适应，比如在电脑上能正常显示，手机上就无法正常显示，哪么有什么办法可以设置iframe高度自适应呢？ 其实很简单，并不用像网上说的那样，用js去监听浏览器高度纯css就可以实现iframe...
vue iframe高度自适应 实用 实时刷新iframe高度变化 var iframes = document.getElementsByTagName('iframe'); setInterval(function() { for (var i = 0, j = iframes.length; i < j; ++i) { iframes[i].setAttribute('heigh
iframe高度自适应代码及演示页面 iframe高度自适应代码及演示页面。 适合新手，用到iframe，并且需要高度自适应的人士。 老手自动绕行，又没什么技术含量。。。 解压之后，打开iframe-auto.html之后查看效果. 如果不能查看，检查是否允许执行js
