Iframe设置高度为100%问题!!!!【转】

在使用Iframe的时候,高度设置一直使我很郁闷!!!

今天在网上查了一些资料,终于突破了这个知识点.把代码奉献给大家.希望能给大家带来方便.

你可以嵌套使用多iframe,只要在iframe嵌套页的具体内容页中加入下面的js代码即可.

<script>
parent.document.all.iframeTest.height = screen.Height;
</script>

主要代码只有下面字体为红色的二行.哈哈^

1.(parent.html)下面这段代码是主框架页,里面使用的是iframe.

<html>
<head>
<title>factly的主框架</title>
</head>
<body bgcolor="#FFFFCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<iframe name="iframeTest" width="100%" height="100%" src="iframe.html" ></iframe>
</body>
</html>

 

2.(iframe.html)下面这个是iframe嵌套页的具体内容页.

<html>
<head>
<title>iframe嵌套页</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p>
要想看效果,可以在这里多填些文字!!!

factly2008@163.com

msn:factly@hotmail.com


</p>
<script>
parent.document.all.iframeTest.height = screen.Height;
</script>
</body>
</html>

 

 

0
0
(请您对文章做出评价)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值