codeLib之javaScript之父子窗口问题1

TeddyWang

浏览: 518420 次
性别:
来自: 深圳

最近访客更多访客>>

meq1986

jibare

sunwf

u012391994

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

JavaScript HTML

1.window.open()

在父窗口中调用window.open()方法来打开子窗口；

在子窗口中使用window.opener来与父窗口进行数据交互。

示例代码：

主窗口html

<div id="popup_1" align="center"><hr>
	<fieldset><legend>window.open()</legend>
		<p><label for="name_1">名字:</label> <input type="text" name="name_1"></p>
		<p><label for="age_1">年龄:</label> <input type="text" name="age_1"></p>
		<p><label for="sex_1">性别:</label> <input type="text" name="sex_1"></p>
		<p><label for="dep_1">部门:</label> <input type="text" name="dep_1"></p>
		<p><label for="pro_1">职位:</label> <input type="text" name="pro_1"></p>
           	</fieldset>
           	<input type="button" class="button" onclick="showUserDialog(1)" value="显示子窗口一">
</div>

主窗口js

var options = "location=no,menubar=no,resizable=no,scrollbars=yes,status=no,titlebar=yes,toolbar=no,left=200,top=200,height=300,width=400";
var dialogOptions = "dialogWidth:400px;dialogHeight:300px;dialogLeft:350px;dialogTop:150px;center:no;help:no;resizable:no;status:no;scroll:no";
var legends = ["window.open()","window.showModalDialog()","window.showModelessDialog()"];
var title = "";
var arg_2 = new Object();
function showUserDialog(flag){
    title = legends[flag - 1];
    switch (flag) {
        case 1:
                window.open("inner_1.html","_blank",options);
            break;
        case 2:
                arg_2.title = title;
                arg_2.name_2 = document.all.name_2.value;
                arg_2.age_2 = document.all.age_2.value;
                arg_2.sex_2 = document.all.sex_2.value;
                arg_2.dep_2 = document.all.dep_2.value;
                arg_2.pro_2 = document.all.pro_2.value;                
                var res_2 = window.showModalDialog("inner_2.html",arg_2,dialogOptions);
                if(typeof(res_2) == "object"){
                    document.all.name_2.value = res_2.name_2;
                    document.all.age_2.value = res_2.age_2;
                    document.all.sex_2.value = res_2.sex_2;
                    document.all.dep_2.value = res_2.dep_2;
                    document.all.pro_2.value = res_2.pro_2;
                }
            break;
        case 3:
                window.showModalDialog("inner_3.html",window,dialogOptions);
            break;            
        default:
            break;
    }
}

子窗口html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Insert title here</title>
		<script language="javascript" src="script/popupWindow.js"></script>
	</head>
	<body onload="init_1()">
		<div align="center">
			<fieldset>
				<script language="javascript">
					document.write("<legend>" + getTitle_1() + "</legend>");
				</script>
				<p><label for="name_1">名字:</label> <input type="text" name="name_1"></p>
				<p><label for="age_1">年龄:</label> <input type="text" name="age_1"></p>
				<p><label for="sex_1">性别:</label> <input type="text" name="sex_1"></p>
				<p><label for="dep_1">部门:</label> <input type="text" name="dep_1"></p>
				<p><label for="pro_1">职位:</label> <input type="text" name="pro_1"></p>
			</fieldset>
			<input type="button" value="提 交" onclick="handIn_1()" class="">

		</div>
	</body>
</html>

子窗口js

function init_1(){
	document.all.name_1.value = window.opener.document.all.name_1.value;
    	document.all.age_1.value = window.opener.document.all.age_1.value;
    	document.all.sex_1.value = window.opener.document.all.sex_1.value;
   	document.all.dep_1.value = window.opener.document.all.dep_1.value;
    	document.all.pro_1.value = window.opener.document.all.pro_1.value;
}
function handIn_1(){
    	window.opener.document.all.name_1.value = document.all.name_1.value;
    	window.opener.document.all.age_1.value = document.all.age_1.value;
     	window.opener.document.all.sex_1.value = document.all.sex_1.value;
    	window.opener.document.all.dep_1.value = document.all.dep_1.value;
    	window.opener.document.all.pro_1.value = document.all.pro_1.value;
    	window.close();
}
function getTitle_1(){
    	return window.opener.title;
}

分享到：

codeLib之javaScript之父子窗口问题2 | java正则表达式举例

2010-01-17 12:19
浏览 1010
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

codeLib之javaScript之父子窗口问题1

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

codeLib之javaScript之父子窗口问题1

评论

发表评论

相关推荐

online js格式化工具

JS屏蔽ie页面键盘按键代码

网络播放器代码flv

播放flv文件的html代码

js树形菜单大全

树形菜单

省市区三级联动菜单数据库

万能网页播放插件实例

html页面控制播放器插件

codeLib之javaScript之父子窗口问题2

正则表达式学习实例（写java正则表达式的时候需要修改/）

正则表达式入门

javascript课件(自用有密码)

js通过下拉菜单选择不同的div显示

js获得前台选择的值

Javascript类内方法定义

最近访客更多访客>>