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

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.