用window.open()打开子页面传值问题

1、通过window对象的open()方法,open()方法将会产生一个新的window窗口对象 //IE7里不支持

   其用法为:
            window.open(URL,windowName,parameters);
            URL: 描述要打开的窗口的URL地址,如何为空则不打开任何网页;
            windowName:描述被打开的窗口的民称,可以使用'_top'、'_blank'等内建名称,这里的名称跟<a href="..." target="...">里的target属性是一样的。
            parameters:描述被打开的窗口的参数值,或者说是样貌,其包括窗口的各个属性值,及要传入的参数值。
        例如:
            打开一个 400 x 100 的干净的窗口:             open('','_blank','width=400,height=100,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes')
        参数说明如下:
            top=# 窗口顶部离开屏幕顶部的像素数
            left=# 窗口左端离开屏幕左端的像素数
            width=# 窗口的宽度
            height=# 窗口的高度
            menubar=... 窗口有没有菜单,取值yes或no
            toolbar=... 窗口有没有工具条,取值yes或no
            location=... 窗口有没有地址栏,取值yes或no
            directories=... 窗口有没有连接区,取值yes或no
            scrollbars=... 窗口有没有滚动条,取值yes或no
            status=... 窗口有没有状态栏,取值yes或no
            resizable=... 窗口给不给调整大小,取值yes或no

 

    说名:在子页面可以通过opener获取和设置通过window.open()打开此页面的父页面的值       

                如下为给父窗体的控件设值:
                     opener.document.myform.district.value = document.myform.district.value;
                     opener.document.myform.street.value = document.myform.street.value;

 

一、father.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
	<head>
		<title>Insert title here</title>
		<script type="text/javascript">
			function openwindow(){
		    	window.open('moShi.jsp','_blank','height=400,width=400,top=100,left=200,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
			}
    	</script>
	</head>
	<body>
		<form action="" method="post" name="myform">
			<table width="533" height="133" border="1" bgcolor="#ffc8c8" align="center" cellpadding="0" cellspacing="0">
				<tr>
					<th colspan="5">简易购物车</th>
				</tr>
				<tr align="center">
					<td width="92">商品名称</td>
					<td width="100">数量(件)</td>
					<td width="110">单价(美元)</td>
					<td width="101">运费(美元)</td>
					<td width="130">合计</td>
				</tr>
				<tr align="center">
					<td>跑跑道具</td>
					<td>5</td>
					<td>12.5</td>
					<td>10</td>
					<td>72.5美元</td>
				</tr>
				<tr align="left">
					<td colspan="5">
						<a href="javascript:openwindow()">填写你的邮寄地址</a>
						区:    <input type="text" size="10" name="district" disabled /> &nbsp;
						街道:<input type="text" size="10" name="street" disabled />
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

 

 二、moShi.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head> 
    <script type="text/javascript">
	   function closewindow(){
	   		//opener可以获取、设置通过window.open()打开此页面的父页面的值
	   		opener.document.myform.district.value = document.myform.district.value;
	   		opener.document.myform.street.value = document.myform.street.value;
			window.close();
		}
    </script>
  </head>
  
  <body>
    <form action="" name="myform" method="post">
		<table width="290" height="206" align="center" border="0"
			bgcolor="#ffc8c8" cellpadding="0" cellspacing="0">
			<tr>
				<td colspan="2" align="center">
					<span class="style1">送货地址确认</span>
				</td>
			</tr>
			<tr>
				<td width="124" align="right" valign="middle">
					省份:
				</td>
				<td width="166">
					<select name="province">
						<option value="北京市">北京市</option>
						<option value="广东省">广东省</option>
						<option value="河北省">河北省</option>
						<option value="四川省">四川省</option>
						<option value="江苏省">江苏省</option>
					</select>
				</td>
			</tr>
			<tr>
				<td align="right" valign="middle">城市:</td>
				<td>
					<select name="city">
						<option value="北京市" selected>北京市</option>
						<option value="上海市">上海市</option>
						<option value="广州市">广州市</option>
						<option value="邯郸市">邯郸市</option>
						<option value="峨眉山市">峨眉山市</option>
					</select>
				</td>
			</tr>
			<tr>
				<td align="right" valign="middle">区:</td>
				<td>
					<select name="district">
						<option value="西城区">西城区</option>
						<option value="海淀区">海淀区</option>
						<option value="白云区">白云区</option>
						<option value="解放区">解放区</option>
						<option value="进城区">进城区</option>
					</select>
				</td>
			</tr>
			<tr>
				<td align="right" valign="middle">街道:</td>
				<td><input name="street" type="text" size="20"></td>
			</tr>
			<tr>
				<td align="right" valign="middle">门牌号:</td>
				<td><input name="number" type="text" size="20"></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input name="btn" type="button" value="确认" οnclick="closewindow()">
				</td>
			</tr>
		</table>
	</form>
  </body>
</html>

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值