js父子窗口(二)

本文主要通过例子介绍父子窗口传递参数。

父窗口:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>parent</title>  

</head>  
<body>  
    
	<input  type ="text" id ="a">
	<input  type ="text" id ="b">
	<input  type ="text" id ="sum">
	
	<h5>
	<span id="comment" >222</span>
	<br>
	<input   type="button"   id="test"   οnclick="var returnVal = window.showModalDialog('childWin_js.html',window,''); document.getElementById('sum').value = returnVal"   value="点我"> 
</body>  
</html>  


子窗口:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>child</title>  
<script language="javascript">  
    // 子窗口给父窗口赋值(模态)   
    function test_parent() {   
        // 获得父窗口的对象
		var parent=window.dialogArguments;
		parent.document.getElementById("comment").innerHTML    =  ' 计算完成 ';  
		
		var x = parent.document.getElementById('a').value;
		var y = parent.document.getElementById('b').value;
		window.returnValue=parseInt(x)+ parseInt(y);
		
		
		window.close();           //关闭模态窗口
    
    }  
	 	
</script>  
</head>  
<body>  
  
  计算父画面的值,并返回
  <br>
  <input   type="button"   οnclick="test_parent();"   value="提交">   

</body>  
</html>  



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值