window.showModalDialog获取弹出页面返回值的2种方法--转载的

aos34836

于 2014-05-29 11:52:00 发布

阅读量756

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bixuexian/p/3758774.html

版权

本文介绍了两种使用JavaScript的window.showModalDialog方法获取弹出页面返回值的方法。在主页面通过showModalDialog打开弹出页面，并通过dialogArguments和returnValue属性进行数据交互，实现了从弹出页面向主页面传递信息。同时，文章也提及了window.open获取返回值的方法。

摘要由CSDN通过智能技术生成

一、window.showModalDialog获取弹出页面返回值的2种方法

----main.html---------主页面

<form name="form1">
<input type="text" name="fag1">
<input type="text" name="fag2">
</form>

function shw(){
var url="open.html";
//----------方法一--start-------
var obj=document.form1; //指定页面对象
var returnValue=window.showModalDialog(url ,obj,'dialogHeight:550px;dialogWidth:500px;center:yes'); //方法返回值
//----------方法一--end-------
alert(returnValue);
}
<form name="form1">
<input type="text" name="fag1">
<input type="text" name="fag2">
</form>

function shw(){
var url="open.html";
//----------方法一--start-------
var obj=document.form1; //指定页面对象
var returnValue=window.showModalDialog(url ,obj,'dialogHeight:550px;dialogWidth:500px;center:yes'); //方法返回值
//----------方法一--end-------
alert(returnValue);
}

----open.html---------弹出页面

<input type="text" name="SNO">
<input type="text" name="TNO">
<input type="button" value="ok" οnclick="retrunValue()">

function retrunValue(){
var TNO=document.all.TNO.value;
var SNO=document.all.SNO.value;

//----------方法二--start-------
var obj = window.dialogArguments; //父页面对象
obj.elements["fag1"].value = SNO; //给父页面对象赋值
o