用隐藏框架实现框架之间数据传递
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>
<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>
相关文章推荐
- SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
- EventBus,一个可以在Activity、Fragment、Service之间传递任意类型数据的事件总线框架
- Android: 用Intent实现Activity之间数据传递
- 网页之间数据传递之二隐藏表单
- [z]protobuf实现c++与java之间的数据传递,beancopy数据到前台
- 不同Activity之间的数据传递---Bundle对象的实现
- Android使用JNI实现Java与C之间传递数据
- 不同Activity之间的数据传递--Bundle对象的实现
- C#使用委托(delegate)实现在两个form之间传递数据的方法
- Android使用JNI实现Java与C之间传递数据
- Android使用JNI实现Java与C之间传递数据
- 用接口实现模拟计算机和U盘的数据之间的相互传递
- [Android]通过剪切板实现Activity之间传递数据
- bootstrap 实现两个表格之间数据的传递
- Android使用JNI实现Java与C之间传递数据
- Android使用JNI实现Java与C之间传递数据(转)
- Android使用JNI实现Java与C之间传递数据
- Android使用JNI实现Java与C之间传递数据
- iOS --- 通过openURL实现APP之间跳转并传递数据
- 如何实现在窗体和窗体之间进行传递数据