您的位置：首页 > 其它

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

2011-10-10 16:50 351 查看

显示效果如下图所示：

在这里我共分为二个页面一个是 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

<head>

<title>模式窗体</title>

<script language="javascript" type="text/javascript">



</script>

</head>

<body>

<textarea name="TextArea1" id="TextArea1" onkeypress="returnInfo()" style="width: 300px; height: 150px"></textarea>

<br />

<input id="Button2" type="button" value="确定" onclick="returnInfo();window.close();" />

<input id="Button3" type="button" value="取消" onclick="window.close();" />

</body>

</html>

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

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

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

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

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

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