当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 关于IFRAME 自适应高度的研究

Javascript
一个加密JavaScript的开源工具PACKER2.0.2
渐变的Alert
用javascript操作xml
javascript读取xml
由prototype_1.3.1进入javascript殿堂-类的初探
不错的一个日期输入 动态
非常不错的一个javascript 类
用javascript获得地址栏参数的两种方法
提示广告代码
利用javascript查看html源文件
一个日历,兼容多种浏览器
禁止查看源文件的代码
JavaScript的面向对象(二)
JavaScript的面向对象(一)
二级域名转向类
event.x,event.clientX,event.offsetX区别
类似框架的js代码
一个层慢慢增高展开,有种向下滑动的效果
MSAgent 详细解说
多广告投放代码 推荐

Javascript 中的 关于IFRAME 自适应高度的研究


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 257 ::
收藏到网摘: n/a

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