[Web]如何实现从模式窗体-网页对话框中获得返回值

最新推荐文章于 2023-04-08 10:34:50 发布

keduosou

最新推荐文章于 2023-04-08 10:34:50 发布

阅读量663

点赞数

CC 4.0 BY-SA版权

文章标签： web button javascript

本文链接：https://blog.youkuaiyun.com/keduosou/article/details/3485419

本文介绍了一个简单的模式窗体示例，通过两个HTML页面实现数据的传递与返回。main.htm页面包含一个按钮，点击后弹出Dialog.htm模式窗体，用户在Dialog.htm中输入的数据可以返回并显示在main.htm页面上。

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

显示效果如下图所示：

在这里我共分为二个页面一个是 main.htm 是调用模式

另一个是 Dialog.htm 也就是要显示的模式窗体页面，为了便于学习，我尽量将代码少量化，方便初学者一看就懂

其体代码如下：

main.htm

<head>
    <title>主界面</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
    <input id="Button1" type="button" value="显示模式窗体" language="javascript" onclick="return Button1_onclick()" /><br />
    <br />
    显示模式窗体输入的内容：<br />

    <span id="span1"></span>

</body>
</html>

其中此页面中的一个调用模式窗体的方法
window.showModalDialog("Dialog.htm",window,"resizable:yes;scrollbars:no;status:no;help:no;dialogWidth:320px;dialogHeight:220px");
中的 window 是必须要有的,而且还不能是别的名字 ,否则将得不到返回值还会找不到对像的错误出现。

Dialog.htm

在此页面中最主要的莫过于

var main=window.dialogArguments;   这行代码的应用了,可以简单的理解成取得父窗体这个对象吧

main.str =txt     // str 为 main.htm 窗体中的一个 js 全局变量也相当于属性的作用吧:)

main.setSpan1(); // setSpan1() 为 main.htm 窗体中的一个 js 方法

这二行相性大家都能够理解就不多说了。。。