首页 > web前端 > js教程 > 正文

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

php中文网
发布: 2016-05-16 18:12:57
原创
1641人浏览过
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> <BR>function show_child() <BR>{ <BR>var child=window .open("child.html","child","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); <BR>/* if(!child.closed) <BR>{ <BR>if(!window .close()) <BR>{ <BR>var textValue = frm.txt.value; parent.frm0.txt0.value = textValue; <BR>} <BR>else <BR>{ <BR>window .close(); <BR>child.close(); <BR>} <BR>}*/ <BR>} <BR></script>
打开子窗口

//注意这里一定要写ID属性不然FF下取不到值


【子窗口】
复制代码 代码如下:

<script> <BR>function choseItem() <BR>{ <BR>var v=""; <BR>var check_item = document.frm.item; <BR>for(i=0;i<check_item.length;i++) <BR>{ <BR>if(check_item[i].checked) <BR>{ <BR>v+=","+check_item[i].value; <BR>} <BR>document.frm.txt.value=v.replace(/^,{1}/,""); <BR>} <BR>} <BR>function foo() <BR>{ <BR>window .close(); <BR>window .opener.document.getElementById("txt0").value=document.getElementById("txt").value <BR>} <BR></script>


a
b
c
d





小结:一般情况下,windows.open因为自定义的比较多,所以用windows.open的较多,上面的很多网页编辑器喜欢用showModalDialog,实在不知道用哪个的的,就用window.open吧,很多成熟的cms系统都是用的window.open.
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号