您的位置:首页 > 其它

用隐藏框架实现框架之间数据传递

2008-12-25 23:14 465 查看
主窗体: 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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: