`

关于window.showModalDialog()返回值的学习

JavaScript 
阅读更多 
 先介绍一个showModaldialog的基本用法

 

使用方法：
vReturnValue = window.showModalDialog(URL [, Arguments] [,Features])

参数说明：
URL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
Arguments--可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
Features--可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
1.dialogHeight :对话框高度.
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

 

下面主要就针对返回值的两个例子

[xhtml] view plaincopyprint?

    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>无标题文档</title>  
    <mce:script type="text/javascript"><!--  
    function oper()  
    {  
        var address=window.showModalDialog("return.html","aaaa","dialogWidth=400px;dialogHeight=200px");  
        document.myform.txtReturnValue.value=address;  
        }  
    // --></mce:script>  
    </head>  
    <body>  
    <form name="myform" method="post">  
    <div>  
    <div><input type="button" name="xxx" value="返回值" onclick="oper()" /><input type="text" name="txtReturnValue" /></div>  
    </div>  
    </form>  
    </body>  
    </html>  

 

[xhtml] view plaincopyprint?

    <html>  
    <head>  
    <Title></Title>  
    <mce:script type="text/javascript"><!--  
    function returntest()  
    {  
        window.returnValue="我是返回值";  
        window.close();  
          
        }  
    // --></mce:script>  
    </head>  
    <body>  
    <form>  
    <input type="button" onClick="returntest()" value="返回值"/>  
    </form>  
    <body>  
    <html>  

//----------------------------------------------------------------------------------------------------------------------

[xhtml] view plaincopyprint?

    <html xmlns="http://www.w3.org/1999/xhtml" >   
    <head id="Head1" runat="server">   
        <title>无标题页 </title>   
        <mce:script type="text/javascript"><!--  
        function btnClick()  
        {  
            var ret = window.showModalDialog("b.aspx");   
            if (ret != null)   
            {   
              window.document.getElementById("TextBox1").value = ret[0];   
              window.document.getElementById("TextBox2").value = ret[1];   
            }   
            return false;  
        }  
          
    // --></mce:script>  
    </head>   
    <body>   
        <form id="form1" runat="server">   
        <div>   
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>  
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>  
            <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return btnClick();" />  
        </div>   
        </form>   
    </body>   
    </html>   

[xhtml] view plaincopyprint?

    <html xmlns="http://www.w3.org/1999/xhtml" >  
    <head id="Head1" runat="server">  
        <title>无标题页</title>  
        <mce:script type="text/javascript"><!--  
            function btnClick()  
            {  
                  var ret = new Array(2);   
                  ret[0] = "aa";   
                  ret[1] = "bb";   
                  window.returnValue = ret;   
                  window.close();  
                  return false;  
            }  
          
    // --></mce:script>  
    </head>  
    <body>  
        <form id="form1" runat="server">  
        <div>  
            <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return btnClick()" />  
        </div>  
        </form>  
    </body>  
    </html>
分享到：
| JS中showModalDialog 详细使用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    解决window.showModalDialog跨域返回值

    至此，我们成功地解决了`window.showModalDialog`跨域返回值的问题。 总结起来，解决`window.showModalDialog`跨域返回值的关键步骤是： 1. 使用`window.showModalDialog`打开一个包含`iframe`的页面，`iframe`加载...

    window.showModalDialog模式对话框和 window.open的区别

    `showModalDialog`返回值是对话框关闭时返回的值，这使得它在传递数据回主窗口时很有用。此外，通过设置` returnValue`属性，可以将值从对话框传递回调用它的页面。 接下来，我们讨论`window.open`。`open`方法用于...

    window.showModalDialog方法的使用

    `window.showModalDialog`返回值`returnValue`是对话框关闭时返回的值，如果对话框没有返回值，则返回`null`。在对话框中，可以通过`window.close()`方法关闭窗口，并可选择性地返回一个值。 然而，需要注意的是，...

    Window.ShowModalDialog使用手册

    值得注意的是，`showModalDialog()`返回值是对话框窗口的返回值。如果对话框关闭时调用了`window.returnValue`并赋值，那么这个值就会被返回到调用方。例如： ```html &lt;!-- 在对话框HTML文件中 --&gt; ...

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

    在网页开发中，`window.showModalDialog` 是一个古老的 API，用于创建模态对话框，它可以在不刷新页面的情况下与用户交互。这个方法在现代Web开发中已经逐渐被`&lt;dialog&gt;`元素或JavaScript库如jQuery UI、Bootstrap ...

    JS 弹出对话框window.showModalDialog（）

    如果新窗口被关闭且 `window.returnValue` 被设置，则会将该值作为 `showModalDialog` 函数的返回值。 以下示例展示了如何在新窗口中设置 `window.returnValue` 并在原始窗口中接收返回值： ```javascript // 在...

    window.showModalDialog以及window.open用法简介

    `showModalDialog`的语法为`vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])`，参数与`window.open`类似，但`showModalDialog`返回值是对话框的结果。 `vArguments`参数可以用来传递...

    window.showModalDialog(javascript)

    【window.showModalDialog() 方法详解】 在Web开发中，JavaScript提供了两种对话框方式来与用户交互，即模态对话框和非模态对话框。本文将重点介绍模态对话框的使用方法`window.showModalDialog()`。 模态对话框是...

    window.showModalDialog的基本用法

    ### window.showModalDialog 的基本用法 `window.showModalDialog` 是一个早期的浏览器功能，主要在 Internet Explorer（IE）4.0 及以上版本中支持。它用于打开一个新的模态对话框窗口，并且该窗口将阻止用户与主...

    window.showModalDialog打开跨域的页面并取到返回值

    主页面用window.showModalDialog的时候,如果直接打开其它系统的页面,这时候别人的页面在window.returnValue=1;这样返回值的时候,主页面是取不到返回值的,原因就是因为跨域了.

    关于struts2里用javascript刷新window.showModalDialog的父页面

    ### 关于Struts2中利用JavaScript刷新window.showModalDialog的父页面 在Web开发中，尤其是在使用Struts2框架进行项目开发时，我们经常会遇到需要弹出模态对话框（modal dialog）的需求。其中一个常见的场景就是...

    window.showModalDialog()返回值的学习心得总结

    `window.showModalDialog()` 方法创建的是模态对话框，它强制用户在完成对话框的操作之前不能与对话框之外的任何页面元素交互。这意味着当模态对话框打开后，主窗口会变得不可用，直到用户关闭对话框。这类似于...

    window.showModalDialog的一个domo模型

    这个示例是学习和理解`window.showModalDialog`的一个很好的实践，它展示了如何在不同窗口之间进行通信，这对于创建复杂的交互式Web应用非常有用。不过，需要注意的是，`showModalDialog`在现代浏览器中的支持情况并...

    ShowModalDialog与window.open的区别

    3. **返回值处理**：`ShowModalDialog` 支持通过 `window.returnValue` 返回值，这在处理表单提交等交互操作时非常有用。而 `window.open` 没有直接提供这样的机制，通常需要通过回调函数等方式实现。 #### 八、...

    window.showModalDialog('d.html',fault,'');

    `showModalDialog` 函数返回值是对话框的返回值，这可以是用户在对话框中输入的数据或对话框页面通过 `window.returnValue` 设置的值。在本例中，没有明确处理返回值，但通常应该有一个处理返回结果的机制。 描述中...

    Window.ShowModalDialog使用手册_对话框 .txt

    ### Window.ShowModalDialog 使用手册详解 #### 一、概述 `Window.ShowModalDialog` 是一个在 Internet Explorer 浏览器中特有的方法，用于创建模态对话框。此方法允许开发者在一个新的窗口中打开一个HTML页面，...

    JavaScript中window.showModalDialog()用法详解

    - 当子窗口关闭时，其window.returnValue的值会被设置为父窗口中window.showModalDialog()方法调用的返回值。 - 在IE浏览器中，window.showModalDialog()方法支持得比较好，但在其它一些浏览器中可能不完全支持，...

Magicbox
Global site tag (gtag.js) - Google Analytics