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

原创 2013年12月04日 20:14:50

方法一

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是对打开窗口的引用


相关文章推荐

弹出窗口的命令总结  window.open window.alert window.comfirm window.prompt window.showModalDialog window.showM

弹出窗口的命令总结  window.open   window.alert   window.comfirm    window.prompt   window.showModalDialog   ...

常用弹出窗口-window.showModalDialog与window.open 用法

windows.open()用法简介一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.op...

JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法

用window.open打开一个窗口,怎么使它一直在父窗口的上面,除非点击自己设置的关闭按钮,我试了一下onblur="self.focus"好像不管用. 可使用: opened=window.o...

JavaScript 弹出窗口模式对话框

1.弹启一个全屏窗口 http://www.e3i5.com','example01','fullscreen');"> www.e3i5.com     2.弹启一个被F1...

总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一、Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&& //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID ...

js showModalDialog弹出对话框

基本情况:JS中showModalDialog的主要作用是在现有的页面上弹出一个新的窗口,而这个窗口的内容由程序员根据需要自己定义。说道showModalDialog就必须要说另外一个showMode...

js弹出一个新窗口进行选择并且返回这个页面的值-showModalDialog

a.html function openWin(){ /* * * window . showModalDialo...

showModalDialog的一些方法【浏览器不会阻止的弹出窗口】

都不是我想要的 最后终于发现了一个 想知道的就往下看看吧showModalDialog和showModelessDialog一、showModalDialog和showModelessDialog有什...
  • xwnxwn
  • xwnxwn
  • 2011年02月28日 11:00
  • 1546

JavaScript各种对话框(alert、confirm、prompt),window.open打开关闭窗口,document.write输出内容

JavaScript-输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 第一...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【javascript】弹出窗口对话框showModalDialog /open
举报原因:
原因补充:

(最多只允许输入30个字)