挨踢路

今天被一个很烦人的客户烦死了,一个点击链接弹出窗口,都修改了我N久,很无语.后来还是搞定了,有关代码共享,也是记录一下

在JS中打开新窗口一直在用open()，showModalDialog()几乎已被遗忘，showModalDialog和open一样也是3个参数，showModalDialog(文件地址,window,窗口属性)，open(文件地址,window,窗口属性)。

open打开的新窗口标题栏上可以看到 最小化 最大化按钮，而showModalDialog默认是没有的，只有一个小叉叉

open打开的新窗口可以鼠标可以点击父窗口的，showModalDialog只有把新打开的窗口关了鼠标的焦点才可触到父窗口(从某种程度上来说它就是个对话框)！

showModalDialog窗口属性的参数和open的窗口属性是有所区别的

open的窗口高度写法在此就不写了因为它和HTML代码的属性写法一样，下面看看showModalDialog的写法

open('http://hi.baidu.com/yp2010','window','width=100,height=100,..')
var v=showModalDialog('http://hi.baidu.com/yp2010',window,"dialogWidth:800px;dialogHeight:600px;center:yes;edge:raised ;scroll:yes;status:no;")

从上述代码可以看出showModalDialog有返回值。
dialogWidth:宽，dialogHeight:高，center:窗口位置，edge:边框样式，滚动条，状态栏minimize:yes;maximize:yes;最小化 最大化按钮。。

window.dialogArguments 可调用父窗口的方法
window.returnValue 传回父窗口的参数

要打开一个类似对话框的窗口就可用showModalDialog方法。
注：没有特别的要求下建议用open，用showModalDialog的话可能会遇到一些问题。[但是,如果是点击链接弹出的话,我用open失败了,后来用showModalDialog才成功的,这里原因不明]

文章转自:愚人空间