读书人

window.showModalDialog()步骤用来创建

发布时间: 2012-10-15 09:45:24 作者: rapoo

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。

</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm

<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>

modal.htm
<script>
window.returnValue="http://www.i5tt.com/";
</script>

?

将参数传递与返回结果结合在一起的实例

?ParentPage.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
??? <title></title>
??? <script language="javascript" type="text/javascript">

??????? function openwindow() {
??????????? var obj = new Object();
??????????? obj.value = "3";
??????????? obj.name = "4";
??????????? obj.sew = "5";
??????????? str =window.showModalDialog("ChildPage.aspx",obj,"dialogWidth=200px;dialogHeight=100px");
??????????? alert(str);

??????? }

??????? function openModelessDialog() {
??????????? var obj = new Object();
??????????? obj.value = "3";
??????????? obj.name = "4";
??????????? obj.sew = "5";
??????????? str = window.showModelessDialog("ChildPage.aspx", obj, "dialogWidth=200px;dialogHeight=100px");
??????????? alert(str);

??????? }
??? </script>
</head>
<body>
??? <form id="form1" runat="server">
??? <div>
??? <input type="button" id="btnOpen" value="打开模态窗口" onclick="openwindow();" />
??? <input type="button" id="Button1" value="打开非模态窗口" onclick="openModelessDialog();" />
??? </div>
??? </form>
</body>
</html>

?ChildPage.aspx

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">
??? <title></title>
??? <script language="javascript" type="text/javascript">
??????? function getArguments() {
??????????? var obj = window.dialogArguments
??????????? alert("您传递的参数为:" + obj.value)
??????? }

??????? function windowclose() {
??????????? window.returnValue = "childPage.Close";
??????? }
??? </script>
</head>
<body onunload="windowclose();">
??? <form id="form1" runat="server">
??? <div>
??? <input type="button" id="btnOpen" value="打开窗口" onclick="getArguments();" />
??? <input type="button" id="btnClose" value="关闭窗口" onclick='self.close(); ' />

??? </div>
??? </form>
</body>
</html>

读书人网 >CSS

热点推荐