window.open
打开窗口时,可以很轻松的取得其父窗口。项目中需要用 showModalDialog打开窗口,想要取得父窗口值,而且还要在 open的基础上修改
为了不让 window.returnValue 所返回的值不是那么烦索,就要想办法如何用showModalDialog
打开的窗口取得其父窗口。何理利用 showModalDialog 传入的参数便可以解决这个问题。
话不多说,看例子:
a.html ---->父窗口
<html>
<head>
<script type="text/javascript" >
function showDialog(){
// 这里边的东西可以自己着情设置
var param = "dialogWidth:400px;dialogHeight:300px;scroll:no;status:no;resizable:no";
// 打开 b.html,并将当前 window做为参数传入弹出窗口中
return window.showModalDialog("b.html", window
, param);
}
</script>
<title></title>
</head>
<body>
<input type="button" value="弹出" onclick="showDialog()"/>
<input type="text" value="父窗口值" name="farValue" id="farValue" />
</body>
b.html ---->子窗口
<html>
<head>
<script type="text/javascript" >
function getParValues(){
// 接收父窗口传过的 window对象.
var parWin= window.dialogArguments;
parWin.document.getElementById("farValue").value = "子窗口改变的值";
}
</script>
<title></title>
</head>
<body>
<input type="button" value="改变父窗口值" onclick="getParValues()" />
</body>
这里有几个需要注意:showModalDialog,在传参数的时候,可以是任意类型。以上例子中是以父窗口的window对象为参数传过去的.你在子窗口取到了父的window对象,你就可以在子窗口里为所欲为了。呵呵
分享到:
相关推荐
在JavaScript编程语言中,`Window.showModalDialog()`方法是一个非常重要的功能,主要用于打开一个模态对话框,即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...
这会将新窗口中的数据赋值给父窗口ID为"name"的文本框。 接下来,`window.showModalDialog`是Internet Explorer 4及以上版本引入的方法,用于创建一个模态对话框。这意味着用户必须先关闭对话框才能继续与父窗口...
这段代码首先定义了一个JavaScript字符串,用于重写 `showModalDialog` 方法,将其替换为 `window.open` 函数,这样对话框将以非模态窗口的形式打开,Selenium 就可以继续执行并选中这个新窗口。然后,代码模拟点击...
例如,你可以将一个JavaScript数组或对象赋值给 `window.returnValue`,然后在父窗口中解析这个值。 4. **模式对话框的特点** - **阻塞性**:模式对话框打开后,用户无法与主窗口进行交互,必须先关闭对话框。 -...
`showModalDialog`打开的窗口在关闭时可以通过`window.returnValue`设置返回值,这个返回值会被赋值给调用函数的`returnValue`变量。 然而,在某些情况下,Chrome可能无法正确获取`window.returnValue`的值。这可能...
当我们打开多个浏览器窗口时,有时需要进行子窗口与父窗口之间的交互操作,比如从父窗口向子窗口取值赋值,或者相反操作。以下内容将详细介绍在JS中如何实现子父窗口之间的互相操作取值赋值。 首先,在JS中,我们...
这两行代码将新窗口中获取的数据(`treeid`和`treename`)赋值给父窗口中对应的`id`为"classid"和"classname"的输入元素,实现了与`showModalDialog`的`returnValue`类似的功能。 需要注意的是,虽然`window.open`...
子窗体通常是由父窗体通过`window.open()`或`window.showModalDialog()`方法打开的新窗口,而父窗体则是创建子窗体的那个原始窗口。 在提供的代码示例中,主要涉及以下关键知识点: 1. `window.dialogArguments`:...
子窗口接收到父窗口传递的 `setname` 函数,并在点击“给父窗口赋值”按钮时调用这个函数,将值 "Jone" 赋给父窗口的文本输入框。 `showModalDialog` 提供了一种强大且灵活的方式来创建与页面交互的弹出对话框,但...
在上述示例中,父窗口通过`window.showModalDialog`方法弹出了一个模态对话框,这个对话框可以看作是子窗口。`window.showModalDialog`是IE浏览器特有的方法,它能创建一个可以返回结果的模态对话框。它的参数包括要...
在.NET开发中,有时我们需要在子窗口和父窗口之间进行数据交互,比如子窗口完成某些操作后,将结果返回给父窗口更新显示。本文将详细解释如何利用JavaScript在.NET环境中实现这一功能。 首先,让我们看看子页面的C#...
本文中给出的例子是使用window.location.reload方法重新加载父页面。 现在,让我们来详细分析一下代码。首先,定义了一个名为onNewClick的函数,这个函数被调用时会打开一个新的子页面。函数首先定义了一个变量url...
`window.showModalDialog()`方法更适用于需要与父窗口交互的场景,而`window.open()`则更为通用,适合打开新的页面或标签。在提供的代码中,`window.showModalDialog()`被用来在两个HTML页面之间传递数据,实现了...
JavaScript中的`window.showModalDialog()`方法是一个非常实用的功能,它允许我们从父窗口弹出一个模态对话框,也就是子窗口,并在用户与子窗口交互后返回数据到父窗口。这个功能在创建复杂的用户交互场景时特别有用...
在这个函数里,我们将需要返回的数据(例如一个数组 `rtArr`)赋值给 `window.returnValue`,然后调用 `window.close()` 关闭子窗口,以便用户可以继续在父窗口上操作。 子窗口的代码示例: ```javascript ...
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续. 73.JS中的self指的是当前的窗口 74.JS中状態栏显示內容:window.status="內容" 75.JS中的top指的是框架集中最顶层的框架 76.JS中...
在这个过程中,`window.parent`是父窗口的引用,即`WebForm2.aspx`。通过设置`window.parent.returnValue`,我们可以将数据返回到`WebForm2.aspx`,进而传递回`WebForm1.aspx`。 总的来说,这个例子展示了如何利用...
这里`wname`是用户在子窗口中输入的数据,将其赋值给`parent.window.returnValue`,这样父窗口就能够通过`someValue`变量获取到子窗口传递的数据了。 除了基本的用法,showModalDialog还可以用来传递初始化值到模态...
最后,使用window.returnValue将选中的值user赋给父窗口,并关闭对话框。这样,当父窗口的openDialog函数继续执行时,就可以通过workerId变量接收到从对话框回传的值了。 需要注意的是,window.showModalDialog方法...
`getSelected()`将选择的数据转换为字符串并赋值给`window.returnValue`,这是一个特殊的属性,用于在`showModalDialog()`关闭时向父窗口返回数据。 在父页面中,有两个JavaScript函数`openDia()`,它们的区别在于...