关闭

【javascript】弹出窗口对话框showModalDialog /open

标签: javascriptshowModalDialogopen
959人阅读 评论(0) 收藏 举报
分类:

方法一

a1.jsp 

<script type="text/javascript">
 	function openwin(){
 		//模式对话框,弹出后此页面就不可获得焦点
 		window.showModalDialog("index.jsp",window,"status:no;dialogHeight:210px;dialogWidth:360px;help:no");
 		//无模式对话框  window.showModelessDialog
 	}
 	function setValue(cid,cname){
 		document.getElementById("cid").value = cid;
 		document.getElementById("cname").value = cname;
 	}
</script>
</head>
<body>
	<form name="form" action="" method="post">
		客户 ID:<input type="text" name="cid" value="" id="cid" /><br />
		客户名称:<input type="text" name="cname" value="" id="cname" /><br />
		<input type="button" name="ok" value="请选择用户" onclick="openwin()" />
	</form>
</body>


a2.jsp

<script>
		function viewDate(cid,cname){
			var sdate = window.dialogArguments;  
			//sdate表示的是另一个页面a1,window.dialogArguments中封装的是了另一个页面a1的信息
			sdate.setValue(cid,cname); //调用a1中的函数
			window.close();
		}	
</script>
</head>
<body>
	<table border="1">
		<tr>
			<td>操作</td>
			<td>客户id</td>
			<td>客户名称</td>
		</tr>
		<tr>
			<td><input type="button" value="选择" id="ss" onclick="viewDate('001','深圳华为')"></td>
			<td>001</td>
			<td>深圳华为</td>
		</tr>
		<tr>
			<td><input type="button" value="选择" onclick="viewDate('002','用友软件')"></td>
			<td>002</td>
			<td>用友软件</td>
		</tr>
	</table>
</body>

方法二 

    使用window.open 方法    window.opener是对打开窗口的引用


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    文章分类
    最新评论