`
yuhaijunll
  • 浏览: 30541 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

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

    博客分类:
  • JS
阅读更多
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>





分享到:
评论

相关推荐

    针对window.showmodaldialog弹出窗体无刷新的详细使用

    当对话框关闭时,父窗口可以通过`window.onmodaldialogreturn`事件监听返回值。但请注意,这个事件并不标准化,不同的浏览器可能有不同的实现。 7. **兼容性问题** `window.showModalDialog` 在一些现代浏览器中...

    js showModalDialog 弹出对话框的简单实例(子窗体)

    子窗体是相对于父窗体来说的,它是在父窗体基础上打开的另一个窗口,可以独立于父窗体运行。在本示例中,子窗体被设计为一个对话框,它承载了特定的任务或信息,然后将结果传递回父窗体。 在给出的代码示例中,我们...

    利用模态对话框实现父窗体、子窗体间传值

    在Web开发中,交互性是...虽然`showModalDialog`在某些浏览器中已被废弃,但通过理解其工作原理,我们可以找到替代方案,如HTML5的`&lt;dialog&gt;`元素或自定义的弹出框实现,同时结合服务器端方法来实现更高效的数据交互。

    JavaScript 弹出子窗体并返回结果到父窗体的实现代码

    JavaScript中的`window.showModalDialog()`方法是一个非常实用的功能,它允许我们从父窗口弹出一个模态对话框,也就是子窗口,并在用户与子窗口交互后返回数据到父窗口。这个功能在创建复杂的用户交互场景时特别有用...

    子窗体与父窗体传值示例js代码

    子窗体可以是弹出的模态对话框,也可以是框架集中的子框架,而父窗体则是包含这些子窗口的主页面。在处理用户交互或数据传递时,有时需要将子窗体中的数据传递给父窗体,或者反之。以下是一个关于子窗体与父窗体之间...

    javascript 实现子父窗体互相传值的简单实例

    在实际应用中,这种子父窗体之间的通信机制非常有用,例如在弹出窗口中进行表单填写后,可以将表单数据传递回主窗口进行处理。同时,也可以用于传递初始化数据,使子窗口可以根据父窗口的状态进行定制化展示。 总结...

    JavaScript 弹出窗体点击按钮返回选择数据的实现

    JavaScript中的弹出窗体通常用于实现用户交互,例如选择数据、确认操作或输入信息。在这个例子中,我们探讨的是如何通过JavaScript的`window.showModalDialog()`函数创建一个模态对话框,让用户在子窗口中进行选择,...

    .NET中利用js让子窗体向父页面传值的实现方法.docx

    // 弹出窗口 function showPopWin(url, width, height, returnFunc) { width = parseInt(width) + 30; height = parseInt(height) + 30; return window.showModalDialog(url + "Datetime=" + GetTime(), document...

    JS模式窗口

    总结,JS模式窗口是一个强大的功能,它允许开发者创建具有复杂交互和定制外观的弹出窗口。尽管现代Web开发中有了更多替代方案(如Bootstrap的Modal插件或Vue、React等库的组件),`showModalDialog()`仍然是一个值得...

    JavaScript实现弹出模态窗体并接受传值的方法

    在JavaScript编程中,弹出模态窗体是一种常见的交互方式,它能够暂停用户对主页面的操作,直到用户在弹出的窗口中完成某些任务或作出决定。本文将深入探讨如何利用JavaScript实现弹出模态窗体,并通过URL传递参数。 ...

    .NET中利用js让子窗体向父页面传值的实现方法

    这是因为`window.returnValue`是弹出对话框(如`showModalDialog`)返回值的默认存储位置。以下是一个示例方法: ```csharp void SetValueToParentPage(int count, string strPersons) { StringBuilder jsStr = ...

    107个常用javascript语句

    21.弹出提示信息:window.alert("字符"); 22.弹出確认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href="URL" 25.取出窗体中的所有表单的数量:document....

Global site tag (gtag.js) - Google Analytics