window.showModalDialog 子窗口和父窗口不兼容最新的谷歌

最新版的谷歌不支持window.showModalDialog的写法，会出现，找不到方法的问题，同时返回值的方法window.dialogArguments;也用不了。

这里就只能用最原版的window.open来解决，不过这确实不是好方法，并且谷歌用的时候还不能直接在浏览器运行，必须放在服务器下面才能运行。

father.html

<html>

	<head>

		<title>Insert title here</title>

		<script type="text/javascript">

			function openwindow(){

		    	window.open('son.html',document,'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" id="district" size="10" name="district" value="000"  />  

						街道:<input type="text" size="10" id="street" name="street" value="000"  />

					</td>

				</tr>

			</table>

		</form>

	</body>

</html>

son.html

<html>

  <head>

    <script type="text/javascript">

	   function closewindow(){

	   		//opener可以获取、设置通过window.open()打开此页面的父页面的值

	   		//opener.document.myform.district.value = "111";

	   		//opener.document.myform.street.value = "222";

			window.opener.document.getElementsByName("district").value = "111";

			window.opener.document.getElementsByName("street").value = "222";

			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="确认" onclick="javascript:closewindow()">

				</td>

			</tr>

		</table>

	</form>

  </body>

</html>

这样能够实现，子窗口选择传给父窗口

window.showModalDialog 子窗口和父窗口不兼容最新的谷歌的更多相关文章

showModalDialog()子窗口刷新父窗口
今天再次使用showModalDialog(),发现了两个问题,一是子窗口如何刷新父窗口,二是窗口的参数问题. 1 子窗口刷新父窗口如果是window.open();问题就好办,直接用window. ...
window.open子窗口获取父窗口的值
//子窗口获取父窗口id的值 window.opener.document.getElementById("id").value; //子窗口调用父窗口的函数 window.ope ...
项目总结03：window.open()方法用于子窗口数据回调至父窗口，即子窗口操作父窗口
window.open()方法用于子窗口数据回调至父窗口,即子窗口操作父窗口项目中经常遇到一个业务逻辑:在A窗口中打开B窗口,在B窗口中操作完以后关闭B窗口,同时自动刷新A窗口(或局部更新A窗口)( ...
转-JS子窗口创建父窗口操作父窗口
Javascript弹出子窗口可以通过多种方式实现,下面介绍几种方法 (1) 通过window对象的open()方法,open()方法将会产生一个新的window窗口对象其用法为: window ...
JS打开新窗口，子窗口操作父窗口
 <script type="text/javascript"> function OpenWindow() { windo ...
frameset子窗口获取父窗口失败原因？
报错信息: arrow.html:44 Uncaught SecurityError: Blocked a frame with origin "null" from access ...
MFC子窗口和父窗口
转载声明: 本文转载自:http://www.cnblogs.com/BeyondTechnology/archive/2011/03/25/1995934.html 感谢BeyondTechnolo ...
MFC子窗口和父窗口（SetParent,SetOwner）
一.概念和区别在windows系统中,每个窗口对象都对应有一个数据结构,形成一个list链表.系统的窗口管理器通过这个list来获取窗口信息和管理每个窗口.这个数据结构中有四个数据用来构建list, ...
JavaScript窗口打开与关闭及如何使用opener使子窗口对父窗口进行操作
一.打开与关闭窗口 1.打开窗口:可以使用window对象中的Open()方法. newWindow = window.open(url,windowname,location); 参数说明: url ...
Qt 代码：子窗口调用父窗口（其实就是用指针直接访问）
之前的 Qt 编程大多只涉及简单的多窗口,并未染指窗口间的传值交互,想来还是“涉世未深”,对 Qt 的理解.应用还需殷勤努力. 这次的问题是这样的,我想要实现一个类似QQ.阿里旺旺的聊天客户端,在弹出 ...

随机推荐

【NOIP 2011】观光公交
题目描述 Description 风景迷人的小城 Y 市,拥有n 个美丽的景点.由于慕名而来的游客越来越多,Y 市特意安排了一辆观光公交车,为游客提供更便捷的交通服务.观光公交车在第0 分钟出现在1号 ...
Android ListView列表控件的简单使用
ListView 列表是我们经常会使用的控件, 如果想要自定义里面的显示的话是挺麻烦的, 需要新建XML.Class SimpleAdapter这两个文件, 较为麻烦. 如果我们只是想显示两.三行文字 ...
validationEngine[转]
随笔- 31 文章- 0 评论- 40 validationEngine中文版 — jquery强大的表单验证插件中文汉化版,官方只有英文的.同时根据中国国情修改了部分验证规则. 这个插件 ...
IEEE 802
IEEE 802又称为LMSC(LAN /MAN Standards Committee, 局域网/城域网标准委员会), 致力于研究局域网和城域网的物理层和MAC层中定义的服务和协议, 对应OSI网络 ...
XAMPP下的composer的安装
很多开源软件,都需要通过composer来安装,Composer 是 PHP 的一个依赖管理工具.它允许你申明项目所依赖的代码库,它会在你的项目中为你安装他们. 声明关系比方说,你正在创建一个项目, ...
-_-#【响应式】matchMedia
谈谈响应式Javascript <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...
VM Depot 镜像新增系列II – 学习管理系统，内容管理系统以及平台管理工具
发布于 2014-06-23 作者刘天栋继上周企业管理软件和电子商务镜像的加盟之后,我们看到又有一批内容管理解决方案(CMS),学习管理解决方案(LMS)以及平台管理工具 (如 Open ...
20140704笔试面试总结(java)
1.java数组定义 1.与其他高级语言不同,Java在数组声明时并不为数组分配存储空间,因此,在声明的[]中不能指出数组的长度 2.为数组分配空间的两种方法:数组初始化和使用new运算符 3.未分配 ...
delphi调用webservice 转
如今 Web Service 已越来越火了,在DotNet已开发的Web Service中,Delphi 7如何方便的调用DotNet写的Web Service呢?方法有两种,一种是在Delphi ...
Mac 系统显示和隐藏文件的方法
1. 代码法: 显示Mac隐藏文件的命令:defaults write com.apple.finder AppleShowAllFiles -bool true 隐藏Mac隐藏文件的命令:defau ...

window.showModalDialog 子窗口和父窗口不兼容最新的谷歌

window.showModalDialog 子窗口和父窗口不兼容最新的谷歌的更多相关文章

随机推荐

热门专题