demo.htm<frameset rows="30%,40%,30%" id="baobao">
<frame src="top.htm" name="topFrame">
<frame src="middle.htm" name="middleFrame">
<frame src="bottom.htm" name="bottomFrame">
</frameset>top.htm
topmiddle.htm
<input type=button onclick="window.parent.baobao.rows='0,100%,0'" value="隐藏">
<input type=button onclick="window.parent.baobao.rows='30%,40%,30%'" value="显示">bottom.htm
bottom
<frame src="top.htm" name="topFrame">
<frame src="middle.htm" name="middleFrame">
<frame src="bottom.htm" name="bottomFrame">
</frameset>top.htm
topmiddle.htm
<input type=button onclick="window.parent.baobao.rows='0,100%,0'" value="隐藏">
<input type=button onclick="window.parent.baobao.rows='30%,40%,30%'" value="显示">bottom.htm
bottom
<iframe src="/index_top.jsp" trusted="yes" application="no" id="index_top" width="800" height="50" frameborder=0 scrolling=no></iframe>
<iframe src="/index_main.jsp" trusted="yes" application="no" id="index_main" width="800" height="521" frameborder=0 scrolling=no></iframe>
<iframe src="/index_bottom.jsp" trusted="yes" application="no" id="index_bottom" width="800" height="29" frameborder=0 scrolling=no></iframe>
<title>新建网页 1</title>
<script>
function aa()
{
document.all.iframe1.width=200;
document.all.iframe1.height=300;
}
</script>
</head><body>
<iframe href="" name="iframe1"></iframe>
<input type="button" name="B1" value="按钮" onclick="aa()">
</body></html>
<iframe src="index_main.htm" trusted="yes" application="no" id="index_main" width="800" height="521"></iframe>
<iframe src="index_bottom.htm" trusted="yes" application="no" id="index_bottom" width="800" height="29"></iframe>
index_top.htm
topindex_main.htm<input type=button onclick="Hidden()" value="隐藏">
<input type=button onclick="Show()" value="显示"><script>
function Show()
{
top.document.all["index_top"].style.height="50";
top.document.all["index_main"].style.height="521";
top.document.all["index_bottom"].style.height="29";
}
function Hidden()
{
top.document.all["index_top"].style.height="0";
top.document.all["index_main"].style.height="600";
top.document.all["index_bottom"].style.height="0";
}
</script>index_bottom.htm
bottom
MSDN的library
HTML
http://vip.5d.cn/friday/upload/dhtml html&css.chm