作者：itlobo
分类：快乐分享
标签：open, showModalDialog, 代码
评论：8 个评论
今天被一个很烦人的客户烦死了,一个点击链接弹出窗口,都修改了我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才成功的,这里原因不明]
文章转自:愚人空间
声明: 转载本博原创文章请注明 文章转载自: 灰狼博客, 原文地址:showModalDialog方法与open的区别