首页 > 代码库 > iframe框架自适应高度

iframe框架自适应高度

问:

有一个页面niu.html代码如下

<iframe  src=http://www.iiwnet.com/about.html ></iframe> 

页面的高度是通过about.html页面里BODY 传递的,但是我现在调用的是一个别的网站的东西。无法

在被调用的页面得到他的高度。。请问我在niu.html页面里有办法实现 iframe 自动调整高度吗?


答:

当然可以~

重要提示:src=http://www.mamicode.com/中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”

之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下

超简单哦


1、建立一个iframe.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="http://www.niutw.com/about.html" width="100%"></IFRAME>


2、给你网站里所有的被包含文件里面每个都加入

<script language = "JavaScript" src = "http://www.mamicode.com/iframe.js"/></script>


3、OK,收工!

我在WINXP、IE6下面测试通过。很简单吧!


iframe框架自适应高度