软件学堂

网游分类软件分类

获取模式窗口的值JS代码怎么写

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代码的准确性,请点击:获取模式窗口的值 进行本实例源码下载 

上一篇:JS代码实现屏蔽状态栏的错误提示
下一篇:PS调色技巧中的色彩平衡工具矫正偏蓝照片

相关文章