window.openDialog弹窗实例（附源码）

最新推荐文章于 2024-04-15 14:38:30 发布

刺心疯

最新推荐文章于 2024-04-15 14:38:30 发布

阅读量4.3k

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_42363090/article/details/101074939

版权

HTML5 专栏收录该内容

201 篇文章 10 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>dialog</title>
<script type="text/javascript">
   function getValue(){
      var value=window.dialogArguments;//通过dialogArguments方法拿到父窗口中的value值
	  document.forms[0].userName.value=value;
   }
   
   function closeWindow(){
        window.returnValue=document.forms[0].userName.value;
		//关闭模态窗口的同时，通过returnValue方法将模态窗口中的value值传给父窗口中的value
		window.close();
   }
</script>
</head>
 
<body οnlοad="getValue()">
<form>
<input type="text" name="userName"><br /><br />
<input type="button" value="关闭" οnclick="closeWindow()">
</form>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子窗户向父窗口传值</title>
<script type="text/javascript">
   function openWindow(url){
      window.open(url,"openWindow","height=300,width=400,menubar=yes,scrollbars=yes,left=300,top=100");
   }
   
   function openDialogWindow(url){
      var userNameValue=document.forms[0].userName.value;
	  var tempValue=window.showModalDialog(url,userNameValue,"dialogHeight=300px;dialogWidth=400px");
	  document.forms[0].userName.value=tempValue;//把模态窗口中返回的value值赋给父窗口中的value
   }
</script>
</head>
 
<body>
<form>
<input type="text" name="userName"><br /><br />
<input type="button" name="bName" value="非模态窗口" οnclick="openWindow('windowOpenTwo.html')"><br /><br />
<input type="button" name="bName" value="模态窗口" οnclick="openDialogWindow('window.openDialog.html')">
</form>
</body>
</html>

刺心疯

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
window.openDialog弹窗实例（附源码）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...
复制链接

扫一扫