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.document.getElementById("text1").value="你好世界!";` 这一行代码表明,对话框可以修改父窗口中ID为"text1"的输入元素的值。 - 注意,由于`dialogArguments`提供了对父...
在本文中,我们将讨论在使用模式化窗口时遇到的问题及其解决方案,特别是与`window.dialogArguments`对象相关的兼容性问题。 1. 弹出窗口的方法: - `window.open()`是最常见的弹出窗口方式,可以自定义参数,如...
This is a `window.showModalDialog()` shim using a modal HTML5 `<dialog>` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...
2. **dialogArguments**(可选):这是传递给对话框窗口的参数,它可以通过`window.dialogArguments`在对话框内部访问。这允许你向对话框传递数据,例如初始化值或配置信息。 3. **features**(可选):这是一个...
var id = window.dialogArguments.id; ``` 在对话框处理完数据后,通常需要返回一个结果给调用它的页面。`showDialog`会返回一个值,这个值可以在调用它的页面中捕获,例如: ```javascript var result = window....
3> IE与FireFox对两个弹出窗口在跨域时的解析也有不同:通过window.dialogArguments操作父窗口时,在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效;采用opener方式操作父窗口时都不需要...
此外,还有一个类似的函数 `window.showModelessDialog`,该函数同样可以在 IE5.0 及以上版本中使用,但打开的是非模态对话框窗口。 #### 基本语法 ```javascript vReturnValue = window.showModalDialog(sURL, ...
这些数据可以通过对话框窗口中的 `window.dialogArguments` 属性获取。 - **sFeatures**: 可选参数,设置对话框的一些特性,如大小、位置等。 #### 三、sFeatures详解 - **dialogHeight**: 设置对话框的高度,单位...
下面我们将详细探讨`window.showModalDialog`的使用及其相关知识点。 首先,`window.showModalDialog`的基本语法如下: ```javascript var returnValue = window.showModalDialog(url, [dialogArguments], ...
这些参数可以通过对话框内部的`window.dialogArguments`属性访问。 - `features`(可选):字符串类型,用于定义对话框的外观和行为,如大小、位置、样式等。参数之间用分号";"分隔。 ### 特性参数 `features`参数...
var param1 = window.dialogArguments.param1; var param2 = window.dialogArguments.param2; ``` 同时,`showModalDialog`和`showModelessDialog`的返回值(`returnValue`)可以用于从子窗口向父窗口传递信息。...
- `vArguments`是可选参数,可以向打开的窗口传递数据,这些数据可以通过`window.dialogArguments`在子窗口中获取。 - `sFeatures`是可选参数,用于定义弹出窗口的特征,如宽度、高度、是否显示滚动条等。 **特点:...
var obj = window.dialogArguments; alert('传递的数据为' + obj.name); ``` ##### 示例 2:从对话框返回数据 ```html <!-- parent.htm --> var str = window.showModalDialog('modal.htm', '', 'dialogWidth=200...
因系统要兼容原IE已使用的关闭方法,经调试测得,需对window.dialogArguments进行再较验,不然易出问题。 function OKEnd(vals) { if (vals == null) vals = TRUE; if (typeof (window.opener) == undefined) { ...
本文旨在详细介绍`dialogArguments`的使用方法、应用场景以及与之相关的技术细节,帮助开发者更好地理解和运用这一特性。 #### `dialogArguments`属性简介 `dialogArguments`属性主要用于传递参数给由`window....
window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>window.location.href = window.location.href</script>"); 刷新本页Response.Write("<script>window.location....