700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > iframe框架自适应高度

iframe框架自适应高度

时间:2019-05-01 11:09:39

相关推荐

iframe框架自适应高度

问:

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

<iframe src=/about.html ></iframe>

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

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

答:

当然可以~

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

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

超简单哦

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="/about.html" width="100%"></IFRAME>

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

<script language = "JavaScript" src = "iframe.js"/></script>

3、OK,收工!

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。