用户名: 密  码
用户注册    
本站用户:75人  目前在线: 9 人  信息: 273  访问: 1596392     ;
首页 个人中心 邮件群发网站收藏免费网络空间音视频新友音乐
当前位置 » 首页» HTML特效与css» 信息阅读

2G网站空间,仅需20元一年,详情点击进入

 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>

点击:1115  发布者:xinyou  发布时间:2018-05-26 16:53:53