ShowModalDialog方法的参数传递研究

来源：互联网发布：java正则表达式匹配点编辑：程序博客网时间：2024/05/16 09:21

利用vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])，我们可以打开一个模态窗口，该窗口的优点是限制用户只能对当前的页面进行操作，而对其父页面不能进行操作，常用于向导或者信息获取页面。

利用其中的vArguments我们可以在父页面和弹出的页面中进行参数的传递，参数可以为自定义的对象，也可以传递父页面中任何一个控件的引用，这使得我们可以很容易的来操作父页面中的各个元素，使得参数的传递变得非常容易。

1. 自定义对象参数传递

我们可以定义一个javascript对象，然后定义各种自定义属性的值，然后可以将此对象传递到子页面中。如：

父页面sender.htm源代码为：

<html>

function show()

{

var person = new Object();

person.myName=myName.value;

person.age = age.value;

person.country = country.value;

window.showModalDialog("target.htm",person,"");

}

</script>

<body>

<table>

<tr>

<td>

name:</td>

<td>

</tr>

<tr>

<td>

age:</td>

<td>

</tr>

<tr>

<td>

country:</td>

<td>

</tr>

</table>

<br>

</body>

</html>

弹出的子页面target.htm的源代码为：

<html>

<body>

<table>

<tr>

<td>

name:</td>

</td>

</tr>

<tr>

<td>

age:</td>

</td>

</tr>

<tr>

<td>

country:</td>

</td>

</tr>

</table>

</body>

var person = window.dialogArguments;

myName.innerText = person.myName;

age.innerText = person.age;

country.innerText = person.country;

</script>

</html>

上述的代码可以将父页面的信息封装成一个对象，然后将该对象传递给子页面。

2. 父页面元素传递

我们可以将父页面中元素对象的引用传递给子页面，通过该引用我们可以访问父页面中的该元素对象。

Sender.htm源代码：

<html>

function show()

{

window.showModalDialog("target.htm",infoDiv,"");

}

</script>

<body>

<tr>

<td>

name:</td>

<td>

</tr>

<tr>

<td>

age:</td>

<td>

</tr>

<tr>

<td>

country:</td>

<td>

</tr>

</table>

</div>

<br>

</body>

</html>

Target.htm源代码：

//其中利用元素对象的引用我们可以操纵父页面的元素对象的属性。

<html>

<body>

</div>

var infoDiv = window.dialogArguments;

</script>

<br>

<br>

</body>

</html>