Web 开发
Iframe的高度如何自适应
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区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=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问！”】
...全文
相关推荐
iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题
Iframe自动根据类容改变自己的大小，解决Iframe设置高度后无法缩小！拜一个高人所赐，特表示感谢！
完美解决跨域iframe的高度自适应
完美解决跨域iframe的高度自适应,完美解决跨子域iframe的高度自适应，嵌入几个页面解决跨域iframe的高度自适应。。。
js实现iframe自适应高度
纯JS实现的iframe自适应高度。兼容主流浏览器。
iframe窗口高度自适应的实现方法
domainA 中有一个页面index.html，通过iframe嵌套了domainB中的一个页面other.html由于other.html页面在iframe中显示，而且其页面内容会动态的增加或减少，现在需要去掉iframe的滚动条由于javascript同源策略的限制，无法进行跨域操作，使得问题比较棘手参考了一下网上的做法，引入了一个代理页面，或者叫做中介 agent.html，属于domainA然后，在domainB 中的other.html中，再使用iframe将agent.html进行嵌套 好了，现在情况是这样的：index.html 使用iframe 嵌套 other.htmlot
iframe页面的高度iframe高度自适应
iframe包含的页面的高度，兼容性好，iframe高度自适应
