2012-11-03 来源:网络
【实例名称】
获取模式窗口的值JS代码怎么写
【实例描述】
在一些财务表格中,由于列数特别多,有时候需要用户打开新的窗口输入数据。本例学习如何实现在新的窗口中输人数据,并返回给父窗口的功能。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页-学无忧(www.xue51.com)</title> <script language="javascript"> function openwin() { var url="12.23 获取模式窗口的值1.htm"; //打开模式窗口,注意模式窗口的样式 var mydata=showModalDialog(url,null, "dialogWidth:300px;dialogHeight:120px; center:yes;help:No;status:no;resizable:Yes;edge:sunken"); if(mydata) alert("您输入的值为:" +mydata.value); } </script> </head> <body> <input id="Button1" type="button" value="打开窗口" onclick="openwin()" /> </body> </html>
设计模式窗口“获取模式窗口的值|.htm”的代码如下所示:
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script language=javascript> function ReturnWin() { var returnData=new Object(); //创建变量 returnData.value=document.getElementById("Text1").value; //设置变量的值 window.returnValue=returnData; //窗体返回数据 window.close(); //关闭窗口 } </script> </head> <body> <input id="Text1" type="text" /> <input id="Button1" type="button" value="返回" onclick="ReturnWin()" /> </body> </html>
【运行效果】
【难点剖析】
本例的重点是如何打开模式窗口。“window.open”用来打开窗口,但用户可以不操作此窗口,而继续其他的操作:“showModalDialog”用来打开模式窗口,如果用户不关闭此窗口,则不能执行其他操作。
【源码下载】
为了JS代码的准确性,请点击:获取模式窗口的值 进行本实例源码下载