Iframe的高度如何自适应

码农の视界 2010-09-21 10:43:10
Iframe的高度如何自适应
网上的代码都用了都不可以,网上的代码

1.采用MicroSoft扩展的javascript的实现:
<<<<<<<<<<<<<<<<<<<<<<<<<<原文:
代码如下:

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<body>
<IFRAME id="test" name="test" frameBorder=0 scrolling=no src="http://10.107.2.199:2500/cn/asp/reg.asp" width="100%" height=0></IFRAME>
</body>

</html>
<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">

document.all("test").height=test.document.body.scrollHeight;

</SCRIPT>

重要提示: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>


结果还是不行还是这个问题:【src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”】
...全文
77 7 点赞 打赏 收藏 举报
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
我是这么做的,兼容性没问题。
<body onload="parent.window.document.all.frm_main.height = document.body.scrollHeight;">
  • 打赏
  • 举报
回复
waitdream 2010-09-24
即便是用Javascript,你的代码也是错误的~

<SCRIPT type="text/javascript">

document.getElementById("test").height = document.body.clientHeight - 50;

</SCRIPT>
  • 打赏
  • 举报
回复
iframe现在都不推荐用了吧
优点和缺点都很明显
  • 打赏
  • 举报
回复
鑫仔816 2010-09-22
之前也遇到这种事情,好像宽度和黑度要一起设才有效,你设一下看行不行
  • 打赏
  • 举报
回复
waitdream 2010-09-22
[Quote=引用 2 楼 rgbgogj 的回复:]
引用 1 楼 waitdream 的回复:

直接用height=100% 不可以么?为什么还要用JS这么麻烦?



没有效果啊~。。
[/Quote]

把属性设置成百分比会没有效果?这个不可能的啊?
  • 打赏
  • 举报
回复
码农の视界 2010-09-22
[Quote=引用 1 楼 waitdream 的回复:]

直接用height=100% 不可以么?为什么还要用JS这么麻烦?
[/Quote]


没有效果啊~。。
  • 打赏
  • 举报
回复
waitdream 2010-09-21
直接用height=100% 不可以么?为什么还要用JS这么麻烦?
  • 打赏
  • 举报
回复
相关推荐
发帖
Web 开发
创建于2007-09-28

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2010-09-21 10:43
社区公告
暂无公告