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

最新推荐文章于 2021-06-23 23:15:16 发布

Jeep_Dom

最新推荐文章于 2021-06-23 23:15:16 发布

阅读量1.3k

点赞数

分类专栏： Javascript 文章标签： javascript showModalDialog open

本文链接：https://blog.csdn.net/jeep_ouc/article/details/17125031

版权

Javascript 专栏收录该内容

27 篇文章 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="请选择用户" οnclick="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" οnclick="viewDate('001','深圳华为')"></td>
			<td>001</td>
			<td>深圳华为</td>
		</tr>
		<tr>
			<td><input type="button" value="选择" οnclick="viewDate('002','用友软件')"></td>
			<td>002</td>
			<td>用友软件</td>
		</tr>
	</table>
</body>

方法二

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

Jeep_Dom

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【javascript】弹出窗口对话框showModalDialog /open

a1.jsp function openwin(){ //模式对话框，弹出后此页面就不可获得焦点 window.showModalDialog("index.jsp",window,"status:no;dialogHeight:210px;dialogWidth:360px;help:no"); //无模式对话框 window.showModelessDialog
复制链接

扫一扫