showModalDialog弹出窗口，返回内容至父窗体

最新推荐文章于 2013-01-09 09:38:26 发布

hrsuzsoft

最新推荐文章于 2013-01-09 09:38:26 发布

阅读量126

点赞数

分类专栏： JS 文章标签： showModalDialog

本文链接：https://blog.csdn.net/hrsuzsoft/article/details/84373310

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

showModalDialog弹出窗口，返回内容至父窗体

IE6,7,8,9 FF下测试没有问题

父窗体


<script type="text/javascript">
	function openSelector(url,iWidth,iHeight){ 
	    var iTop = 0;
        var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
		window.showModalDialog(url,window,"dialogWidth:"+iWidth+"px;dialogHeight:"+iHeight+"px;dialogTop:"+iTop+"px;dialogLeft:"+iLeft+"px;edge: Raised; center: Yes; help: No; resizable: Yes; status: No;");	
	}
</script>

<body>
<form id="form1" name="form1">
<input name="test" id="test" type="text" value="" />
<a href="javascript:void(0)" onclick="openSelector('1.html',500,300);">子窗体</a>
</form>
</body>

子窗体


<script type="text/javascript">
var parent_window = window.parent.dialogArguments.document;
parent_window.form1.test.value = "123";
</script>

hrsuzsoft

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录