模式窗口值传递，window.returnValue的用法

danile2009

于 2010-07-20 14:09:00 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： button javascript function input null

本文链接：https://blog.youkuaiyun.com/danile2009/article/details/5749546

Java 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种利用JavaScript在HTML页面中实现弹出对话框的方法，并通过按钮选择来返回真或假值。该方法使用了`window.showModalDialog`函数创建了一个可以返回值的模态对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

parent.html

<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">

function showmodal(){
var ret = window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");
    if (ret){alert('子窗口返回真!');
    }else{
         alert('子窗口返回假!');
   }
}
</script>
</HEAD>

<BODY>
<INPUT id=button1 type=button value=Button name=button1 onclick="showmodal();">
</BODY>
</HTML>

child.html

<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function trans(tag){
   if (tag==0){
       window.returnValue=false;
   } else{
       window.returnValue =true;
}
   window.close();
}
</script>
</HEAD>
<BODY>
<table>
<tr>
<td>
<INPUT id=button1 type=button value="返回真" name=button1 onclick="trans(1)">
</td>
<td>
<INPUT id=button2 type=button value="返回假" name=button2 onclick="trans(0)">
</td>
</tr>
</table>
</BODY>
</HTML>