让IFRAME自适应高度

原创 2006年05月24日 10:59:00

重要提示: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.aspx" width="100%"></IFRAME>

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

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

3、OK,收工!

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

真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变

今天有朋友问到我关于“iframe自适应高度”的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定。期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条。也就是当窗口放大时ifra...
  • alex8046
  • alex8046
  • 2016年05月19日 18:37
  • 138511

让iframe自适应高度 兼容多种浏览器随着窗口大小改变

工作中我们遇到了iframe嵌入页面高度自适应的问题。因为我们不知道所加载的iframe内容页面会有多高,又不想在页面上出现难看的滚动条,这个时候我们可以使用Javascript来动态让iframe自...
  • u012865381
  • u012865381
  • 2016年11月24日 14:12
  • 1254

真正的iframe 自适应高度,动态高度 js

百度搜索出来一大堆文章,我看了下没有一个合意的,什么叫动态?就是iframe加载的时候高度慢慢变啊,用户看到了才知道你的内容慢慢加载啊。网上说的都是在onload里设置高度,可是onload是加载完毕...
  • lanmanck
  • lanmanck
  • 2015年06月16日 19:10
  • 61393

iframe自适应高度

  • 2013年04月20日 20:18
  • 4KB
  • 下载

完美解决跨域iframe的高度自适应

  • 2015年05月25日 09:47
  • 5KB
  • 下载

iframe自适应高度 .txt

  • 2009年06月04日 12:31
  • 184B
  • 下载

iframe自适应高度

  • 2016年06月16日 17:16
  • 29KB
  • 下载

iframe自适应高度(兼容多种浏览器)

  • 2015年03月24日 14:10
  • 676B
  • 下载

js 实现 iframe自适应高度

  • 2010年03月31日 11:24
  • 1KB
  • 下载

iframe 自适应高度

  • 2008年01月30日 15:37
  • 686B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:让IFRAME自适应高度
举报原因:
原因补充:

(最多只允许输入30个字)