javascript 句柄传值 两个页面案例
[html]<html>
<head>
<title>父窗口</title>
<script language="javascript" type="text/javascript">
var newWindow;
function openWindow(){
newWindow = window.open("bb.htm", "", "width=400,height=300");
}
function changeChild(){
//取出父窗口文本框传值给子窗口文本框
newWindow.document.getElementById("ct").value=document.getElementById("ft").value;
//清空父窗口
document.getElementById("ft").value = "";
}
//便利子窗口传递过来的对象
function blobj(){
for(ind in newWindow){
alert(newWindow[ind]);
}
}
</script>
</head>
<body>
<input type="button" value="开启子窗口" onclick="openWindow()" /><br/>
<input type="text" id="ft"/><input type="button" value="传值" onclick="changeChild()"/><br/>
<input type="button" value="便利传递过来的对象" onclick="blobj()"/>
</body>
</html>
<html>
<head>
<title>父窗口</title>
<script language="javascript" type="text/javascript">
var newWindow;
function openWindow(){
newWindow = window.open("bb.htm", "", "width=400,height=300");
}
function changeChild(){
//取出父窗口文本框传值给子窗口文本框
newWindow.document.getElementById("ct").value=document.getElementById("ft").value;
//清空父窗口
document.getElementById("ft").value = "";
}
//便利子窗口传递过来的对象
function blobj(){
for(ind in newWindow){
alert(newWindow[ind]);
}
}
</script>
</head>
<body>
<input type="button" value="开启子窗口" onclick="openWindow()" /><br/>
<input type="text" id="ft"/><input type="button" value="传值" onclick="changeChild()"/><br/>
<input type="button" value="便利传递过来的对象" onclick="blobj()"/>
</body>
</html>
bb.htm
[html] view plaincopyprint?<html>
<head>
<title>子窗口</title>
<script language="javascript" type="text/javascript">
//传值函数
function chparentval(){
//子窗口获得文本框的值传递给父窗口
opener.document.getElementById("ft").value = document.getElementById("ct").value;
//子窗口值清空
document.getElementById("ct").value = "";
}
//子窗口向父窗口传递对象
function fcobj(){
var obj = ["吃饭","睡觉","打豆豆"]
window.returnValue = obj;
opener.document.getElementById("ft").value = "提示：子窗口传递过来一个对象";
}
</script>
</head>
<body>
输入值：<input type="text" id="ct"/>
<input type="button" onclick="chparentval()" value="从子窗口中往父窗口传值"/><br/>
<input type="button" value="子窗口向父窗口传递对象" onclick="fcobj()"/>
</body>
</html>
<html>
<head>
<title>子窗口</title>
<script language="javascript" type="text/javascript">
//传值函数
function chparentval(){
//子窗口获得文本框的值传递给父窗口
opener.document.getElementById("ft").value = document.getElementById("ct").value;
//子窗口值清空
document.getElementById("ct").value = "";
}
//子窗口向父窗口传递对象
function fcobj(){
var obj = ["吃饭","睡觉","打豆豆"]
window.returnValue = obj;
opener.document.getElementById("ft").value = "提示：子窗口传递过来一个对象";
}
</script>
</head>
<body>
输入值：<input type=&q
补充：web前端 , JavaScript ,
- 更多JAVA疑问解答：
- java怎么在线读取ftp服务器上的文件内容
- 关于程序员的职业规划
- HTML和JSP矛盾吗？
- java小程序如何打包？
- java怎么split路径文件名？
- jsp+javaBean中Column 'ordersPrice' specified twice的错误
- Java TCP/IP Socket网络编程系列
- 大家来讨论一下我到底该用什么好?Swing 还是 JavaFX
- 关于Hibernate实体自身多对一的抓取问题
- 关于apache2+tomcat群集出现的问题
- spring 获取上下文问题
- SSH 导入导出excel 谁有这块的资料吗?
- Ext TreePanel 刷新问题
- springmvc 加载一个jsp页面执行多个方法 报404
- checkbox数组action怎么向页面传值