javascript子窗口把值返回给父窗口有关问题 求大神解决
日期：2014-05-16 浏览次数：20480 次
javascript子窗口把值返回给父窗口问题 求大神解决啊
父窗口代码--------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function shownewpage(thisurl){
window.open(thisurl,"弹出页面","width=200,height=60,scrollbars=yes,resizable=no");
}
</script>
</head>
<body>
<form name="parentform">
<input type="button" value="选择信息" onclick="shownewpage('content.html');" /><br />
选择的结果：<input type="text" name="result" />
</form>
</body>
</html>
子窗口代码--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function returnValue(){
var city=document.myform.city.value;
var doc=window.opener.document;
doc.parentform.result.value=city;
window.close();
}
</script>
</head>
<body>
<form name="myform">
选择：
<select name="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
</select>
<input type="button" value="返回" onclick="returnValue();" />
</form>
</body>
</html>
----------------------------
点返回后无反应正常是应该关闭子窗口的啊
------解决方案--------------------
错误1：
function shownewpage(thisurl){
window.open(thisurl,"弹出页面","width=200,height=60,scrollbars=yes,resizable=no");
}
window.open是没有返回值的
应改为:
var city=window.showModalDialog(thisurl,"弹出页面","width=200,height=60,scrollbars=yes,resizable=no");
错误2：
function returnValue(){
var city=document.myform.city.value;
var doc=window.opener.document;
doc.parentform.result.value=city;
window.close();
}
改成
var city=document.myform.city.value;
window.returnValue =city;
window.close();
这样在当子页面关闭的时候会将city返回到主页面
主页面alert(city)就可以接收到值!
------解决方案--------------------
楼主这段代码在IE8和火狐下测试没有问题，
在chrome下需要配置为站点才可以,
至于2楼的方法，showModalDialog有些游览器是不支持的
父窗口代码--------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function shownewpage(thisurl){
window.open(thisurl,"弹出页面","width=200,height=60,scrollbars=yes,resizable=no");
}
</script>
</head>
<body>
<form name="parentform">
<input type="button" value="选择信息" onclick="shownewpage('content.html');" /><br />
选择的结果：<input type="text" name="result" />
</form>
</body>
</html>
子窗口代码--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function returnValue(){
var city=document.myform.city.value;
var doc=window.opener.document;
doc.parentform.result.value=city;
window.close();
}
</script>
</head>
<body>
<form name="myform">
选择：
<select name="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
</select>
<input type="button" value="返回" onclick="returnValue();" />
</form>
</body>
</html>
----------------------------
点返回后无反应正常是应该关闭子窗口的啊
JavaScript
HTML
函数
------解决方案--------------------
错误1：
function shownewpage(thisurl){
window.open(thisurl,"弹出页面","width=200,height=60,scrollbars=yes,resizable=no");
}
window.open是没有返回值的
应改为:
var city=window.showModalDialog(thisurl,"弹出页面","width=200,height=60,scrollbars=yes,resizable=no");
错误2：
function returnValue(){
var city=document.myform.city.value;
var doc=window.opener.document;
doc.parentform.result.value=city;
window.close();
}
改成
var city=document.myform.city.value;
window.returnValue =city;
window.close();
这样在当子页面关闭的时候会将city返回到主页面
主页面alert(city)就可以接收到值!
------解决方案--------------------
楼主这段代码在IE8和火狐下测试没有问题，
在chrome下需要配置为站点才可以,
至于2楼的方法，showModalDialog有些游览器是不支持的
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
