关于IFRAME 自适应高度的研究

2022-10-18,,,

关于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下面测试通过。很简单吧!

《关于IFRAME 自适应高度的研究.doc》

下载本文的Word格式文档,以方便收藏与打印。