js 点击按钮弹出另一页，选择值后，返回到当前页

更新时间：2010年05月26日 21:56:01 作者：

js 点击按钮弹出另一页，选择值后，返回到当前页，其实主要用于cms系统中，相关文章的搜索，要在已上传目录中选择一些图片等。

1。效果图：

2。主页面的代码：

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript"> 
function open_windows_and_get_selectedinfo(openwindow, control, control2) { 
var str = window.showModalDialog(openwindow, window, "dialogWidth=740px;dialogHeight=600px;center=yes;help=no;resizable=no;status=no"); 
if (!str) 
return; 
document.getElementById(control).value = str[0]; 
document.getElementById(control2).value = str[1]; 
} 

</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="autosuggest" style="width:160px;font-size:12px;"><ul></ul></div> 
<div> 
<input id="txtActive" runat="server" readonly="readonly" /> 
<input type="button" id="selectActive" runat="server" onclick="javascript:open_windows_and_get_selectedinfo('TestEdt.aspx','hfActive','txtActive')" value="..." /> 
<asp:HiddenField ID="hfActive" runat="server" /> 
</div> 
</form> 
</body> 
</html> 

3。弹出页面的代码：

复制代码代码如下:

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<base target="_self"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript" language="javascript"> 
function dbclick_return_and_close(strid, strvalue) { 
alert("执行该方法！"); 
var str = new Array(strid, strvalue); 

window.returnValue = str; 
window.close(); 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<a href="#" onclick="javascript:dbclick_return_and_close( '1', 'aaaaaaa');">点击这一行，带值返回到原页面</a> 
</div> 
</form> 
</body> 
</html> 

您可能感兴趣的文章:

详解TS对象扩展运算符和rest运算符
这篇文章主要介绍了详解TS对象扩展运算符和rest运算符，对TypeScript感兴趣的同学，可以参考下
2021-05-05
JavaScript使用canvas绘制坐标和线
这篇文章主要为大家详细介绍了JavaScript使用canvas绘制坐标和线，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
JavaScript常见事件处理程序实例总结
这篇文章主要介绍了JavaScript常见事件处理程序,结合实例形式总结分析了javascript HTML事件、DOM事件、IE事件等相关处理程序与操作技巧,需要的朋友可以参考下
2019-01-01
flexible.js实现移动端rem适配方案
这篇文章主要介绍了flexible.js实现移动端rem适配方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04
Javascript中Eval函数的使用
eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。
2010-03-03
B/S开发中常用javaScript技术与代码
B/S开发中常用javaScript技术与代码...
2007-03-03
对于防止按钮重复点击的尝试详解
这篇文章主要介绍了对于防止按钮重复点击的尝试，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
JavaScript学习笔记之取值函数getter与取值函数setter详解
这篇文章主要介绍了JavaScript取值函数getter与取值函数setter，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
Bootstrap实现导航栏的2种方式
这篇文章主要为大家详细介绍了Bootstrap实现导航栏的2种方式，一是利用按钮组实现、二是Bootstrap专门做了相应的css类,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
使用JS编写的随机抽取号码的小程序
这篇文章主要介绍了使用JS编写的随机抽取号码的小程序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-08-08