showModalDialog方法与open的区别

今天被一个很烦人的客户烦死了,一个点击链接弹出窗口,都修改了我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才成功的,这里原因不明]

文章转自:愚人空间

查看 open showModalDialog 代码的相关文章

转载本站原创文章请注明:文章转自 灰狼IT路,链接: https://itlu.org/articles/1325.html

相关文章

已有 8 条评论

  1. 这是什么 没看明白

  2. 完全看不懂。。。。

  3. showModalDialog() 我们公司一直在用,很钟情于模态窗口,不过showModalDialog()有不少限制,比如文本的复制,对象的传递等。

  4. 这个太专业了,看不懂啊

  5. 真得看不懂,好深奥

  6. 好久没有来了 露个脸~

  7. @江流
    @相信健康的力量
    @分享联盟
    @濯焰鸟
    ...html代码而已

    @世纪之光
    open可能会好点,showModalDialog()很多默认参数都不开启

    @leecay
    你终于来了

  8. 不明白。。

添加新评论