微信扫一扫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高度自适应在跨域情况下的可用方法 iframe的高度需要根据子页面的实际高度来进行调整，但是如果子页面不在同一域中怎么办？这时候脚本没有办法获取到子页面的高度，存在JavaScript跨域的问题
iframe高度自适应及隐藏滚动条的实例详解 iframe高度自适应及隐藏滚动条的实例详解 在工作中，我们可能会遇到自己公司和其他的公司达成合作关系，从而共同开发某个项目。而这时候，我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下，我们一般...
jQuery解决iframe高度自适应代码 网上查了好多用着都不行，自己搞定了：在包含iframe的页面中加入以下脚本，基本思想是在iframe加载内容后重新设置高度，下面代码尽在IE6中用过，没在其他浏览器中测试。
iframe html高度自适应,CSS实现iframe高度自适应示例 高度自适应的实现方法有不少了，今天我们以css iframe高度自适应示例来为各位引起一些js与jquery的例子，有兴趣的可以和小编一起来看看。前因：某个项目为了统计效果，把咨询的页面窗口内嵌放进一个单独的空页面，在...
html iframe自动高度,真正解决iframe高度自适应问题 1.前言解决iframe高度自适应问题有两种方法1.pym2.手动设置iframe的高度本文主要是总结第二种实现方式，因为第一种pym.js插件我没用懂如果使用iframe时，遇到以下的需求：iframe的高度始终等于嵌入页面内容的高度，...
html iframe自动高度,iframe高度自适应撑开 iframe在div中如何自适应高度div中的iframe高度和宽度自适应的问题我用bootstrap布局，上边部分为导航菜单，左边为一级菜单。DIV里嵌套Iframe，让Iframe及DIV高度一起随内容自假设： Div ID为：A 宽度750 高度600 ...
6种iframe高度自适应的方法 js自适应高度，实际上就是设置iframe的高度，设置等于内嵌网页的高度，从而看不到滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。我们可以通过css来给它直接定义一个高度，同样可以...
纯css实现iframe高度自适应 但是这就造成了iframe高度无法自适应，比如在电脑上能正常显示，手机上就无法正常显示，哪么有什么办法可以设置iframe高度自适应呢？ 其实很简单，并不用像网上说的那样，用js去监听浏览器高度纯css就可以实现iframe...
react 嵌套iframe_react 里面嵌套iframe高度自适应问题 请教个问题，react里面引入iframe我需要等iframe里面的html页面全部加载完再去获取这个html的高度，期望的是在子iframe里面获取高度后调用父react里面的方法，该怎么写目前是这么写的但加载出来的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
