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

来源:互联网 发布:淘宝iphone7预约 编辑:程序博客网 时间:2024/05/03 22:09

在使用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
(请您对文章做出评价)