window.showModalDialog的使用方法

最新推荐文章于 2025-05-30 10:47:34 发布

最新推荐文章于 2025-05-30 10:47:34 发布 · 231 阅读

文章标签：

#Java #HTML

Java 专栏收录该内容

42 篇文章

订阅专栏

本文提供了一个使用HTML和JavaScript实现父页面与弹出窗口间数据传递的示例。通过showModalDialog方法，父页面可以将参数传递给弹出窗口，并从弹出窗口接收返回值。此过程展示了如何在两个窗口间进行双向数据交换。

测试代码：
1、父页面代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
	function test(){
		var args = new Object();
		args.name="asddddddddddddddf";
		args.version="0.1";
		var test = window.showModalDialog("2.html",args, "dialogWidth=200px;dialogHeight=200px");
		alert(test.version);alert(test.name);
	}
//-->
</SCRIPT>
 <BODY>
  <input type='button' value="test" onclick="test()"/>
 </BODY>
</HTML>

2、弹出窗口页面代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
	alert(window.dialogArguments.name);
	var obj = new Object();
	obj.version="1.0";
	obj.name="liuxiyong333";
	window.returnValue=obj;
//-->
</SCRIPT>
 <BODY>
    <input type='button' value="test" onclick="javascript:window.close();"/>
 </BODY>
</HTML>