window.showModalDialog在第二个窗口中获取第一个窗口的window对象

最新推荐文章于 2021-09-13 21:21:14 发布

我叫阿狸猫

最新推荐文章于 2021-09-13 21:21:14 发布

阅读量1.4k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/world_java/article/details/9340303

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

window . showModalDialog(模式对话框,对话框创建后必须关闭后才能操作其他窗口) 和window.showModelessDialog(无模式对话框)

这种方式是将第一个页面的window对象传递给被引用页面，然后在被引用页面中操作第一个页面。

sURL

必选项。字符串(String)。指定要载入和显示的 URL 。

vArguments

可选项。指定供显示文档时使用的变量。利用这个参数可以传递任何类型的值，包括包含多个值得的数组。对话框可以通过调用程序从 window对象的 dialogArguments属性提取这些值。

sFeatures

可选项。字符串(String)。指定对话框的窗口装饰。使用下面的值。多个之间用分号隔开。

dialogHeight : sHeight		设置对话框的高度。
dialogLeft : sXPos		设置对话框左上角相对于桌面的横坐标。
dialogTop : sYPos		设置对话框左上角相对于桌面的纵坐标。
dialogWidth : sWidth		设置对话框的宽度。
center : yes \| no \| 1 \| 0 \| on \| off		指定对话框是否显示于桌面正中。默认值为 yes 。
dialogHide : yes \| no\| 1 \| 0 \| on \| off		指定当打印或打印预览时对话框是否隐藏。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。
edge : sunken \| raised		指定对话框窗口边框样式为凹下还是凸起的。默认值为 raised 。
help : yes \| no \| 1 \| 0 \| on \| off		指定对话框是否显示上下文相关的帮助图标。默认值为 yes 。
resizable : yes \| no \| 1 \| 0 \| on \| off		指定对话框是否可以被用户改变尺寸。默认值为 no 。
scroll : yes \| no \| 1 \| 0 \| on \| off		指定对话框是否显示滚动条。默认值为 yes 。
status : yes \| no \| 1 \| 0 \| on \| off		指定对话框是否显示状态条。对于不被信任的对话框默认值为 yes 。对于被信任的对话框默认值为 no。
unadorned : yes \| no \| 1 \| 0 \| on \| off		指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。

a.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>a.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
	function selectKeHu(){
		window.showModalDialog("b.html",window,"dialogHeight:10;dialogWidth:20");
	}
	function addValue(value){
		document.getElementById("userName").value = value;
	}
</script>
  </head>
  
  <body>
    选择客户<input type="text" name="userName" οnclick="selectKeHu()" id="userName">
  </body>
</html>

b.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>b.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
		function change(value){
			//利用window的dialogArguments属性获取a.html中window.showModalDialog方法的第二个属性(可以是window对象,也可以是任意值)
			var a = window.dialogArguments;
			//a.document.getElementById("userName").value = value;  不推荐,不需要自己去写具体操作
			a.addValue(value);//推荐,调用a.html里的函数
		}
	</script>
  </head>
  
  <body>
    <table>
    	<tr>
    		<td>法师</td>
    		<td><input type="button" value="选择" οnclick="change('法师')"></td>
    	</tr>
    	<tr>
    		<td>萨满</td>
    		<td><input type="button" value="选择" οnclick="change('萨满')"></td>
    	</tr>
    </table>
  </body>
</html>

我叫阿狸猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.showModalDialog在第二个窗口中获取第一个窗口的window对象

window . showModalDialog 这种方式是将第一个页面的window对象传递给被引用页面，然后在被引用页面中操作第一个页面。sURL 　必选项。字符串(String)。指定要载入和显示的 URL 。vArguments 　可选项。指定供显示文档时使用的变量。利用这个参数可以传递任何类型的值，包括包含多个值得的数组。对话框可以通过
复制链接

扫一扫