赞
踩
在网上找了一些例子 :)
AA.html是主页面,其他的是例子。
1、AA.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>主界面</title>
</head>
<body>
<form id="getForm">
回传值:
<input type="text" id="getData" readOnly>
<input type="text" id="getData1" readOnly>
</form>
<input type="button" value="打开新窗口1" onClick="openWin1()">
<input type="button" value="打开新窗口2" onClick="openWin2()">
<input type="button" value="打开新窗口3" onClick="openWin3()">
<script language="JavaScript">
function openWin1(){
var srcFile = "BB.html"; //新窗口的文档名称
var winFeatures = "dialogHeight:300px; dialogLeft:200px;";
var obj = getForm; //将form作为对象传递给新窗口
window.showModalDialog(srcFile, obj, winFeatures);
}
function openWin2(){
var srcFile = "CC.html"; //新窗口的文档名称
var winFeatures = "dialogHeight:300px; dialogLeft:200px;";
var obj = getForm.getData.value; //将form作为对象传递给新窗口
var str=window.showModalDialog(srcFile, obj, winFeatures);
if(str!=null)
getForm.getData.value = str;
}
function openWin3(){
var srcFile = "DD.html"; //新窗口的文档名称
window.open(srcFile,"new",winFeatures);
}
</script>
</body>
</html>
2、BB.html function openWin1()
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口BB</title>
</head>
<base target="_self">
<!--这句话非常重要,只要加上才能保证在弹出窗口中调用服务端代码而不会再弹出一个新窗口-->
<body>
<form id="sendForm">
请输入资料:
<input type="text" id="writeData">
<input type="text" id="writeData1">
<input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">
</form>
<script language="JavaScript">
function send(val,val1){
//取得父窗口传过来的对象
var myObj = window.dialogArguments;
//赋值
myObj.getData.value = val;
myObj.getData1.value = val1;
//关闭窗口
window.close();
}
</script>
</body>
</html>
3、CC.html function openWin2()
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口CC</title>
</head>
<base target="_self">
<body>
<form id="sendForm">
请输入资料:
<input type="text" id="writeData">
<input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value);">
</form>
<script language="JavaScript">
function send(val){
window.returnValue=val
window.close();
}
</script>
</body>
</html>
4、DD.html function openWin3()
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口DD</title>
</head>
<body>
<form id="sendForm">
请输入资料:
<input type="text" id="writeData">
<input type="text" id="writeData1">
<input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">
</form>
<script language="JavaScript">
function send(val,val1){
opener.getForm.getData.value = val;
opener.getForm.getData1.value = val1;
window.close();
}
</script>
</body>
</html>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。