当前位置：首页 → 问答吧 → 改变Iframe引用页面div的高度

改变Iframe引用页面div的高度

时间：2010-05-08

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> function linkFra(url){ parent.rightC.location.href=url; } </script> </head> <body> <p> <input type="button" onclick="linkFra('Iframe.html');" value="改变IFRAME引用" /> </p> <p> </p> <iframe src="http://www.baidu.com" name="right" id="rightC" width="800" height="600" frameborder="1"></iframe> </body> </html>
提示：您可以先修改部分代码再运行

Iframe.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#testDiv{
border:#999 1px solid;
}
</style>
</head>

<body>
<div id="testDiv">
子页面的DIV
</div>
</body>
</html>

我想在点击按钮加载Iframe.html页面时，DIV的高度能和Iframe的高度一致
有哪位知道的可以帮忙一下，谢谢

作者: wpgwpg 发布时间: 2010-05-08

iframe.html是你自己写的话,可以在里面加上代码,body onload后改变parent.document.div..这样子.试试看.

作者: TBlack 发布时间: 2010-05-08

是我自己写的页面，我要在iframe.html页面完全加载后里面的DIV高度与IFRAME高度一样。不知道可不可以，　试了一下你说的，好像也不行

作者: wpgwpg 发布时间: 2010-05-08