简单三步实现IFRAME自适应高度问题
来源:爱站网时间:2022-01-04编辑:网友分享
有关于简单三步实现IFRAME自适应高度问题,有些朋友可能对此不是很清楚,为了帮助大家,爱站技术频道小编整理了以下相关资料,感兴趣的小伙伴可以参考下。
重要提示: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>
3、OK,收工!
我在WINXP、IE6下面测试通过。很简单吧!
不知道以上文章内容朋友们都看明白了没有,不懂的地方可以来咨询小编,也可以多操作几次让自己熟练起来,更多精彩文章尽在js.aizhan.com。
下一篇:iframe元素的介绍