`
suncf1985
  • 浏览: 28874 次
  • 性别: Icon_minigender_1
  • 来自: 哈尔滨
社区版块
存档分类
最新评论

window.showModalDialog给父窗口赋值

阅读更多

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对象,你就可以在子窗口里为所欲为了。呵呵

分享到:
评论

相关推荐

    Window.ShowModalDialog使用手册

    在JavaScript编程语言中,`Window.showModalDialog()`方法是一个非常重要的功能,主要用于打开一个模态对话框,即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...

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

    这会将新窗口中的数据赋值给父窗口ID为"name"的文本框。 接下来,`window.showModalDialog`是Internet Explorer 4及以上版本引入的方法,用于创建一个模态对话框。这意味着用户必须先关闭对话框才能继续与父窗口...

    使用selenium测试showModalDialog模态对话框

    这段代码首先定义了一个JavaScript字符串,用于重写 `showModalDialog` 方法,将其替换为 `window.open` 函数,这样对话框将以非模态窗口的形式打开,Selenium 就可以继续执行并选中这个新窗口。然后,代码模拟点击...

    window.returnValue使用方法示例介绍

    例如,你可以将一个JavaScript数组或对象赋值给 `window.returnValue`,然后在父窗口中解析这个值。 4. **模式对话框的特点** - **阻塞性**:模式对话框打开后,用户无法与主窗口进行交互,必须先关闭对话框。 -...

    Chrome中模态对话框showModalDialog返回值问题的解决方法

    `showModalDialog`打开的窗口在关闭时可以通过`window.returnValue`设置返回值,这个返回值会被赋值给调用函数的`returnValue`变量。 然而,在某些情况下,Chrome可能无法正确获取`window.returnValue`的值。这可能...

    JS子父窗口互相操作取值赋值的方法介绍

    当我们打开多个浏览器窗口时,有时需要进行子窗口与父窗口之间的交互操作,比如从父窗口向子窗口取值赋值,或者相反操作。以下内容将详细介绍在JS中如何实现子父窗口之间的互相操作取值赋值。 首先,在JS中,我们...

    谷歌浏览器不支持showModalDialog模态对话框的解决方法

    这两行代码将新窗口中获取的数据(`treeid`和`treename`)赋值给父窗口中对应的`id`为"classid"和"classname"的输入元素,实现了与`showModalDialog`的`returnValue`类似的功能。 需要注意的是,虽然`window.open`...

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

    子窗体通常是由父窗体通过`window.open()`或`window.showModalDialog()`方法打开的新窗口,而父窗体则是创建子窗体的那个原始窗口。 在提供的代码示例中,主要涉及以下关键知识点: 1. `window.dialogArguments`:...

    js showModalDialog弹出窗口实例详解

    子窗口接收到父窗口传递的 `setname` 函数,并在点击“给父窗口赋值”按钮时调用这个函数,将值 "Jone" 赋给父窗口的文本输入框。 `showModalDialog` 提供了一种强大且灵活的方式来创建与页面交互的弹出对话框,但...

    js操作模态窗口及父子窗口间相互传值示例

    在上述示例中,父窗口通过`window.showModalDialog`方法弹出了一个模态对话框,这个对话框可以看作是子窗口。`window.showModalDialog`是IE浏览器特有的方法,它能创建一个可以返回结果的模态对话框。它的参数包括要...

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

    在.NET开发中,有时我们需要在子窗口和父窗口之间进行数据交互,比如子窗口完成某些操作后,将结果返回给父窗口更新显示。本文将详细解释如何利用JavaScript在.NET环境中实现这一功能。 首先,让我们看看子页面的C#...

    js父页面与子页面不同时显示的方法

    本文中给出的例子是使用window.location.reload方法重新加载父页面。 现在,让我们来详细分析一下代码。首先,定义了一个名为onNewClick的函数,这个函数被调用时会打开一个新的子页面。函数首先定义了一个变量url...

    javascript实现浏览器窗口传递参数的方法

    `window.showModalDialog()`方法更适用于需要与父窗口交互的场景,而`window.open()`则更为通用,适合打开新的页面或标签。在提供的代码中,`window.showModalDialog()`被用来在两个HTML页面之间传递数据,实现了...

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

    JavaScript中的`window.showModalDialog()`方法是一个非常实用的功能,它允许我们从父窗口弹出一个模态对话框,也就是子窗口,并在用户与子窗口交互后返回数据到父窗口。这个功能在创建复杂的用户交互场景时特别有用...

    JS获取子窗口中返回的数据实现方法

    在这个函数里,我们将需要返回的数据(例如一个数组 `rtArr`)赋值给 `window.returnValue`,然后调用 `window.close()` 关闭子窗口,以便用户可以继续在父窗口上操作。 子窗口的代码示例: ```javascript ...

    107个常用javascript语句

    72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续. 73.JS中的self指的是当前的窗口 74.JS中状態栏显示內容:window.status="內容" 75.JS中的top指的是框架集中最顶层的框架 76.JS中...

    Asp.net页面之间通过脚本传递数据.doc

    在这个过程中,`window.parent`是父窗口的引用,即`WebForm2.aspx`。通过设置`window.parent.returnValue`,我们可以将数据返回到`WebForm2.aspx`,进而传递回`WebForm1.aspx`。 总的来说,这个例子展示了如何利用...

    JS对话框_JS模态对话框showModalDialog用法总结

    这里`wname`是用户在子窗口中输入的数据,将其赋值给`parent.window.returnValue`,这样父窗口就能够通过`someValue`变量获取到子窗口传递的数据了。 除了基本的用法,showModalDialog还可以用来传递初始化值到模态...

    js弹出模式对话框,并接收回传值的方法

    最后,使用window.returnValue将选中的值user赋给父窗口,并关闭对话框。这样,当父窗口的openDialog函数继续执行时,就可以通过workerId变量接收到从对话框回传的值了。 需要注意的是,window.showModalDialog方法...

    JavaScript 弹出窗体点击按钮返回选择数据的实现

    `getSelected()`将选择的数据转换为字符串并赋值给`window.returnValue`,这是一个特殊的属性,用于在`showModalDialog()`关闭时向父窗口返回数据。 在父页面中,有两个JavaScript函数`openDia()`,它们的区别在于...

Global site tag (gtag.js) - Google Analytics