主窗體: main.htm
<html>
<frameset name="first" rows="90%,10%">
<frame src="upper.htm" name="upper"/>
<frame src="lower.htm" name="lower"/>
</frameset>
</html>
上面的頁面：
<html>
<head>
<script language="javascript">
<!--
function resizeFrame()
{
parent.document.body.rows="100%,*";
}
function change()
{
parent.frames.lower.location.href="lower.htm?type="+document.all.select.value;
}
-->
</script>
</head>
<body onload="resizeFrame()" >
<form>
客戶:<input type="text"/><br/>
地址:<input type="text"/><br/>
人物:<input type="text"/><br/>
<select id="select" onchange="change();" name="select" style="width:80px">
<option vaue="default" selected> 請選擇類型</option>
<option value="small">小型</option>
<option value="big" >大型</option>
</select>
<div id="detail" name="detail"></div>
<script language="javascript">
function initialBody(style)
{
for(var i=0;i<document.forms[0].elements.length;i++)
{
if(document.forms[0].elements[i].type=="text")
{
for(var p in style)
{
document.forms[0].element[i].style[p]=style[p];
}
}
}
}
var style={
color:"#ff0000",
borderwidth:"2px",
width:"30px",
backgroupcolor:"#210987"
}
initialBody(style);
-->
</script>
</form>
</body>
</html>
下頁的頁面：
<html>
<head>
<script language='javascript'>
<!--
var str="";
if (self.location.search.indexOf("small")>-1)
{
str+="<select id='detail2' size='10' name='detail2'><option value='aa2'>1-100</option></select>";
}
else if(self.location.search.indexOf("big")>-1)
{
str+="<select id ='detail1' size='10' name='detail1'><option value='aa1'>500-1000</option></select>";
}
parent.upper.document.all.detail.innerHTML=str;
-->
</script>
</head>
<body>
<form>
this is test page;
</form>
</body>
</html>