1.子页面向父页面传值
父窗体
<HTML>
<HEAD>
<script type="text/javascript">
function execute() {
str =window.showModalDialog("modal1.htm",null,"dialogWidth=200px;dialogHeight=100px");
alert(str);
}
</script>
</head>
<BODY>
<input type="button" value="子窗体" onclick="execute()">
</BODY>
</html>
子窗体
<script>
window.returnValue="http://homepage.yesky.com";
</script>
子窗体向父窗体传值比较简单,直接用window.returnValue传值即可.
2.父窗体向子窗体传值
父窗体
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
子窗体
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
父窗体向子窗体传值时,通过showModalDialog的第二个参数传值
相关推荐
window.showModalDialog以及window.open用法简介
`window.showModalDialog`和`window.open`是JavaScript中用于实现这一目标的两个关键函数。它们都可以创建新窗口,但有着不同的特性和使用场景。 首先,`window.open()`是一个广泛使用的函数,它可以在浏览器中打开...
var returnValue = window.showModalDialog(sURL, vArguments, sFeatures); var returnValue = window.showModelessDialog(sURL, vArguments, sFeatures); ``` 其中: - `sURL`:必需参数,表示对话框要显示的HTML...
- 使用`window.showModalDialog()`时需要注意兼容性问题,因为这个API已经被废弃。现代浏览器可能会不支持或者禁用它。 - 如果需要在子窗口中返回数据,必须确保子窗口是通过正常的方式关闭的,比如点击关闭按钮或者...
在JavaScript中,弹出窗口通常指的是使用`window.open()`、`window.showModalDialog()`或`window.showModelessDialog()`等方法创建的新窗口。这些方法在Web应用中常用于实现一些交互性的功能,如用户确认、数据输入...
例如,当父页面调用`window.open`或`window.showModalDialog`函数打开子页面时,可以通过URL拼接参数来传递数据。但是,这种方式存在一些局限性: 1. **资源浪费**:如果参数不需要变化,每次跳转都会将这些参数发送...
做项目时,碰到了前台页面需要向弹出框传值并且需要使用弹出框的返回值的需要,一开始使用的prompt(); 发现ie浏览器时,prompt()弹出框的位置会固定在左上...后来使用window.showModalDialog(url,params,pos)方法 解决
Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体,不过他打开的是一个模态窗口,那么如何在父窗体和子窗体之间传值呢?我们先看该函数的定义:...
子窗体通常是由父窗体通过`window.open()`或`window.showModalDialog()`方法打开的新窗口,而父窗体则是创建子窗体的那个原始窗口。 在提供的代码示例中,主要涉及以下关键知识点: 1. `window.dialogArguments`:...
这个过程可以通过使用`window.open()`或`window.showModalDialog()`函数来实现。让我们详细了解一下这两个方法以及如何在实际操作中使用它们。 首先,我们来看父窗口的代码。在给定的示例中,父窗口是一个HTML页面...
然而,需要注意的是,由于`showModalDialog()` 在某些浏览器中可能不被支持或存在兼容性问题,因此在现代Web开发中,更推荐使用`window.open()` 结合`postMessage` API 或其他更现代的通信技术,如Web Workers或...
var result = window.showModalDialog(url, arguments, features); ``` 在这段代码中: - `url` 是子窗体的URL,可以是相对路径或绝对路径。 - `arguments` 可选,用于传递到子窗体的参数对象。 - `features` 可选...
return window.showModalDialog(url + "Datetime=" + GetTime(), document, "dialogWidth:" + width + "px;dialogHeight:" + height + "px;help:0;status:0;scroll:auto;center:1;resizable:1;"); } ``` 在父页面...
`window.showModalDialog()` 方法打开一个具有模态对话框效果的新窗口。用户必须关闭该对话框才能与原始页面进行交互。参数与`window.open()`类似,但返回值可以用来传递数据回原窗口。 示例: ```javascript ...
在上述示例中,父窗口通过`window.showModalDialog`方法弹出了一个模态对话框,这个对话框可以看作是子窗口。`window.showModalDialog`是IE浏览器特有的方法,它能创建一个可以返回结果的模态对话框。它的参数包括要...
总的来说,JavaScript实现弹出模态窗体并接受传值的关键在于使用`window.showModalDialog()`方法,以及正确构造URL以传递参数。尽管存在浏览器兼容性问题,但通过适当的库和处理策略,我们可以创建出符合需求的交互...