`

window.dialogArguments的使用

阅读更多
dialogArguments只能在mode和modeless窗口中才能使用,可以传递传递任意类型的值,
上例就是传得失window. 在以前的项目中,页面之间传递参数经常使用的是url后接参数的形式,
现在终于发现dialogArguments不愧为更好的方法。
 
<HTML>
<HEAD>
<TITLE>showModelessDialogEX.htm</TITLE>
<SCRIPT>
var sUserName="";

function fnCallDialog(){
 showModelessDialog("myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px");
}

function fnUpdate(){
    oName.innerText = sUserName;
}
</SCRIPT>
</HEAD><BODY>
<P>Enter your first name:
 <SPAN ID="oName" STYLE="color:red;font-size:24">Joan</SPAN></P>
 <INPUT TYPE="button" 
VALUE="Display Modeless Dialog" onclick="fnCallDialog()">
</BODY>
</HTML>

Here is the code for "myDialog.htm".
<HTML>
<HEAD>
<TITLE>myDialog.htm</TITLE>
<SCRIPT>
function fnGetInfo() {
var sData = dialogArguments;
sData.sUserName = oEnterName.value;
sData.fnUpdate();
}
function fnCancel() {
var sData = dialogArguments;
sData.sUserName = "Joan";
sData.fnUpdate();
}
</SCRIPT>
</HEAD>
<BODY>
<LABEL FOR="oEnterName" ACCESSKEY="f">
Enter your <SPAN STYLE="text-decoration:underline">F</SPAN>irst Name</LABEL>
<INPUT ID=oEnterName><BR><BR>
<INPUT VALUE="Apply" TYPE=button onclick="fnGetInfo();">
<INPUT VALUE="Ok" TYPE=button onclick="fnGetInfo();window.close();">
<INPUT VALUE="Cancel" TYPE=button onclick="fnCancel();window.close();">
</BODY>
</HTML>

分享到:
评论

相关推荐

    window.dialogArguments 使用说明

    - 示例代码中,`window.dialogArguments.document.getElementById("text1").value="你好世界!";` 这一行代码表明,对话框可以修改父窗口中ID为"text1"的输入元素的值。 - 注意,由于`dialogArguments`提供了对父...

    js模式化窗口问题![window.dialogArguments]

    在本文中,我们将讨论在使用模式化窗口时遇到的问题及其解决方案,特别是与`window.dialogArguments`对象相关的兼容性问题。 1. 弹出窗口的方法: - `window.open()`是最常见的弹出窗口方式,可以自定义参数,如...

    google不支持window.showModalDialog问题解决方案

    This is a `window.showModalDialog()` shim using a modal HTML5 `&lt;dialog&gt;` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...

    Window.ShowModalDialog使用手册

    2. **dialogArguments**(可选):这是传递给对话框窗口的参数,它可以通过`window.dialogArguments`在对话框内部访问。这允许你向对话框传递数据,例如初始化值或配置信息。 3. **features**(可选):这是一个...

    Window.showDialog详解合集

    var id = window.dialogArguments.id; ``` 在对话框处理完数据后,通常需要返回一个结果给调用它的页面。`showDialog`会返回一个值,这个值可以在调用它的页面中捕获,例如: ```javascript var result = window....

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    3&gt; IE与FireFox对两个弹出窗口在跨域时的解析也有不同:通过window.dialogArguments操作父窗口时,在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效;采用opener方式操作父窗口时都不需要...

    window.showModalDialog的基本用法

    此外,还有一个类似的函数 `window.showModelessDialog`,该函数同样可以在 IE5.0 及以上版本中使用,但打开的是非模态对话框窗口。 #### 基本语法 ```javascript vReturnValue = window.showModalDialog(sURL, ...

    ShowModalDialog与window.open的区别

    这些数据可以通过对话框窗口中的 `window.dialogArguments` 属性获取。 - **sFeatures**: 可选参数,设置对话框的一些特性,如大小、位置等。 #### 三、sFeatures详解 - **dialogHeight**: 设置对话框的高度,单位...

    window.showModalDialog方法的使用

    下面我们将详细探讨`window.showModalDialog`的使用及其相关知识点。 首先,`window.showModalDialog`的基本语法如下: ```javascript var returnValue = window.showModalDialog(url, [dialogArguments], ...

    window.showModalDialog(javascript)

    这些参数可以通过对话框内部的`window.dialogArguments`属性访问。 - `features`(可选):字符串类型,用于定义对话框的外观和行为,如大小、位置、样式等。参数之间用分号";"分隔。 ### 特性参数 `features`参数...

    ShowModalDialog父窗体向子窗体传值

    var param1 = window.dialogArguments.param1; var param2 = window.dialogArguments.param2; ``` 同时,`showModalDialog`和`showModelessDialog`的返回值(`returnValue`)可以用于从子窗口向父窗口传递信息。...

    showModalDialog和window.open

    - `vArguments`是可选参数,可以向打开的窗口传递数据,这些数据可以通过`window.dialogArguments`在子窗口中获取。 - `sFeatures`是可选参数,用于定义弹出窗口的特征,如宽度、高度、是否显示滚动条等。 **特点:...

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

    var obj = window.dialogArguments; alert('传递的数据为' + obj.name); ``` ##### 示例 2:从对话框返回数据 ```html &lt;!-- parent.htm --&gt; var str = window.showModalDialog('modal.htm', '', 'dialogWidth=200...

    JS模态窗口返回值兼容问题的完美解决方法

    因系统要兼容原IE已使用的关闭方法,经调试测得,需对window.dialogArguments进行再较验,不然易出问题。 function OKEnd(vals) { if (vals == null) vals = TRUE; if (typeof (window.opener) == undefined) { ...

    dialogArguments

    本文旨在详细介绍`dialogArguments`的使用方法、应用场景以及与之相关的技术细节,帮助开发者更好地理解和运用这一特性。 #### `dialogArguments`属性简介 `dialogArguments`属性主要用于传递参数给由`window....

    jsp 刷新父页面

    window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("&lt;script&gt;window.location.href = window.location.href&lt;/script&gt;"); 刷新本页Response.Write("&lt;script&gt;window.location....

Global site tag (gtag.js) - Google Analytics