Js 弹出框口并返回值的两种常用方法


Posted in Javascript onDecember 30, 2010

1.window.showModalDialog(url,args,dialogattrs)
参数说明:
url:弹出页面地址
agrs:主窗口传给对话框的参数,可以是任意类型(数组也可以)
dialogattrs:弹出窗口的样式参数
模式对话框用法:
主窗口:var value =window.showModalDialog('test.jsp',strs,'resizable:yes');
弹出框中通过window.returnValue来设置返回值,上面的value拿到的就是这个值,然后主窗口中可以对
这个值进行处理,实现交互处理
注:模式对话框的应用就在于它的返回值,可以返回简单字符窜,也可以返回数组,非模式对话框类似
2。window.open:
【父窗口】

<script> 
function show_child() 
{ 
var child=window .open("child.html","child","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); 
/* if(!child.closed) 
{ 
if(!window .close()) 
{ 
var textValue = frm.txt.value; parent.frm0.txt0.value = textValue; 
} 
else 
{ 
window .close(); 
child.close(); 
} 
}*/ 
} 
</script> 
<a href="javascript:show_child();">打开子窗口</a> 
<form name=frm0> 
<input type="text" name="txt0" id="txt0"> //注意这里一定要写ID属性不然FF下取不到值 
</form>

【子窗口】
<script> 
function choseItem() 
{ 
var v=""; 
var check_item = document.frm.item; 
for(i=0;i<check_item.length;i++) 
{ 
if(check_item[i].checked) 
{ 
v+=","+check_item[i].value; 
} 
document.frm.txt.value=v.replace(/^,{1}/,""); 
} 
} 
function foo() 
{ 
window .close(); 
window .opener.document.getElementById("txt0").value=document.getElementById("txt").value 
} 
</script> 
<body> 
<form name=frm> 
<input type=checkbox name=item value=1 onclick="choseItem();">a 
<input type=checkbox name=item value=2 onclick="choseItem();">b 
<input type=checkbox name=item value=3 onclick="choseItem();">c 
<input type=checkbox name=item value=4 onclick="choseItem();">d 
<input type=text name="txt" id="txt"> 
</form> 
<input type=button value="关闭" onclick="foo();"> 
</body>

小结:一般情况下,windows.open因为自定义的比较多,所以用windows.open的较多,上面的很多网页编辑器喜欢用showModalDialog,实在不知道用哪个的的,就用window.open吧,很多成熟的cms系统都是用的window.open.
Javascript 相关文章推荐
Event altKey,ctrlKey,shiftKey属性解析
Dec 18 Javascript
js使用for循环查询数组中是否存在某个值
Aug 12 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
详解vue更改头像功能实现
Apr 28 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
Node.js 路由的实现方法
Jun 05 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
Sep 03 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
让IDE识别webpack的别名alias的实现方法
May 06 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 #Javascript
Javascript事件热键兼容ie|firefox
Dec 30 #Javascript
某人初学javascript的时候写的学习笔记
Dec 30 #Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 #Javascript
JavaScript的document对象和window对象详解
Dec 30 #Javascript
javascript hashtable 修正版 下载
Dec 30 #Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 #Javascript
You might like
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
用PHP制作的意见反馈表源码
2007/03/11 PHP
通过具体程序来理解PHP里面的抽象类
2010/01/28 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
php选择排序法实现数组排序实例分析
2015/02/16 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
js模拟实现Array的sort方法
2007/12/11 Javascript
Javascript获取HTML静态页面参数传递值示例
2013/08/18 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
CSS3 media queries结合jQuery实现响应式导航
2016/09/30 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
2017/05/25 jQuery
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
简单的三步vuex入门
2018/05/20 Javascript
JSON数据中存在单个转义字符“\”的处理方法
2018/07/11 Javascript
vue debug 二种方法
2018/09/16 Javascript
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Puppeteer使用示例详解
2019/06/20 Python
如何使用Python 打印各种三角形
2019/06/28 Python
英国泽西岛植物:Jersey Plants Direct
2019/08/07 全球购物
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
校园歌手大赛策划书
2014/01/17 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
教师个人教学总结
2015/02/11 职场文书
单方投资意向书
2015/05/11 职场文书
2016年质量月活动总结报告
2016/04/05 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
品牌形象定位,全面分析
2019/07/23 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python