`
lixw188
  • 浏览: 18427 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
最近访客 更多访客>>
社区版块
存档分类
最新评论

window.returnValue和showModalDialog实现弹出有模式窗体

阅读更多

  returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:

1、parent.html

1.<html xmlns="http://www.w3.org/1999/xhtml">   
2.<head runat="server">   
3.    <title></title>   
4.    <script type="text/javascript">   
5.        function openNewWeb() {   
6.            var winValue = window.showModalDialog("WebForm1.aspx", null, "dialogHeight=200px,dialogWidth=200px,center=1");   
7.            document.getElementById("result").innerText = winValue;   
8.  
9.        }   
10.    </script>   
11.  
12.</head>   
13.<body>   
14.    <form id="form1" runat="server">   
15.    <input id="Button1" type="button" value="button" onclick="openNewWeb()" />   
16.    <div id="result">   
17.    </div>   
18.    </form>   
19.</body>   
20.</html>  

 
2、child.html

2

.<html xmlns="http://www.w3.org/1999/xhtml">   
3.<head runat="server">   
4.    <title></title>   
5.  
6.    <script type="text/javascript">   
7.        function returnResult() {   
8.            window.returnValue = document.getElementById("txtUserName").value;   
9.            window.close();   
10.        }   
11.    </script>   
12.  
13.</head>   
14.<body>   
15.    <form id="form1" runat="server">   
16.    <input id="txtUserName" type="text" />   
17.    <input id="btn" type="button" value="button34" onclick="returnResult()" />   
18.    </form>   
19.</body>   
20.</html> 

 

 

 

window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");

  

分享到:
评论

相关推荐

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

    var returnValue = window.showModalDialog(url, window, features); ``` - `url`:对话框加载的URL,可以是相对路径或绝对路径。 - `window`:对话框打开时的上下文,通常为空字符串或`self`,表示当前窗口。 ...

    ShowModalDialog父窗体向子窗体传值

    总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...

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

    总结来说,子窗体与父窗体之间的通信主要是通过`window.dialogArguments`获取父窗体引用,`window.returnValue`传递值,以及`window.showModalDialog()`方法的返回值来实现的。在实际应用中,这种通信方式可以用于...

    showModalDialog打开窗体接收返回值

    在描述中提到的"模式打开窗体",就是指`showModalDialog`创建的对话框具有模态特性,意味着用户必须先关闭该对话框才能继续与父窗口交互,这与非模态对话框(如`window.open`创建的)不同。 返回值`returnValue`是...

    从弹出窗体取选择值 从弹出窗体取选择值

    3. **弹出窗体**:通常指的是使用`window.showModalDialog`或`window.open`等方法打开的新窗口。 #### 具体步骤 ##### 第一步:创建主页面(Default.aspx) 在主页面中,我们需要添加一个按钮和一个文本框。当...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    var returnValue = window.showModalDialog(sURL[, vArguments][, sFeatures]); ``` - `sURL`:必需参数,字符串类型,用于指定对话框要显示的文档URL。 - `vArguments`:可选参数,变体类型,可以向对话框传递参数...

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

    在父窗体中,`showModalDialog` 的返回值就是子窗体设置的`window.returnValue`,这样就可以获取到子窗体传递的数据: ```javascript var dialogResult = window.showModalDialog(...); console.log(dialogResult);...

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

    根据`count`的值,我们设置`Nums`和`Names`属性,并将整个对象赋值给`window.returnValue`。最后,通过`ClientScript.RegisterStartupScript`注册一个启动时运行的JavaScript脚本,关闭当前子窗口并执行传递的值。 ...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    returnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) ``` - `sURL`:必需参数,字符串类型,定义对话框显示的HTML文档URL。 - `vArguments`:可选参数,变体类型,可以传递任意类型的参数给...

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

    在现代网页设计中,使用JavaScript来实现弹出对话框是一种常见的交互方式。本文将详细讲解如何通过JavaScript中的showModalDialog方法来创建一个简单的弹出对话框示例,其中还将展示子窗体的使用。 首先,需要了解...

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

    思路:用window.showModalDialog方法获取到弹出子窗体的引用,再在子页面用window.returnValue=”***”来返回结果。 示例代码:(用jQuery简化实现) 父页面:parent.html &lt;!DOCTYPE ...

    ASP.NET弹出式日历选择控件的实现

    var returnValue = window.showModalDialog("CalendarForm2.aspx", Form1.TextBoxBeginDate.value); Form1.TextBoxBeginDate.value = returnValue; } function openModeEnd() { var returnValue = window....

    js关闭子窗体刷新父窗体实现方法

    这段代码中,首先检查window.dialogArguments是否存在,如果存在(即子窗体是通过showModalDialog打开的),则进一步检查dialogArguments中returnValue属性的值。如果值为'refresh',则调用window.opener.location....

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

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

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

    总结来说,JavaScript的`window.showModalDialog()` 提供了一种强大的方式来实现子父窗体间的通信,允许我们传递任意类型的数据并获取返回值,从而增强了网页应用程序的交互性和用户体验。然而,需要注意的是,由于`...

    JS模式窗口

    var returnValue = window.showModalDialog(url, arguments, features); ``` - `url`:指定对话框加载的URL,可以是本地HTML文件或者远程页面。 - `arguments`:可选参数,向新窗口传递的数据,可以是字符串、对象...

    Web弹出窗口对话框.pdf

    这些弹出窗口可以被分为两种类型:模态对话框(Modal Dialog)和无模态对话框(Modeless Dialog)。下面是根据提供的内容详细解说的Web弹出窗口对话框的知识点。 首先,***是一种常用的Web开发框架,允许开发者使用...

    107个常用javascript语句

    68.JS中分为两种窗体输出:模態和非模態.window.showModaldialog(),window.showModeless() 69.状態栏文字的设置:window.status='文字',默认的状態栏文字设置:window.defaultStatus = '文字.'; 70.添加到收藏夹:...

Global site tag (gtag.js) - Google Analytics