问题描述
使用 window.open 方法可以弹出一个新窗口,其中 open 方法的 sFeatures 参数选项在各浏览器中支持程度不一,这有可能导致同样的代码使各浏览器中弹出窗口形式产生巨大差异。
会造成不同浏览器中打开的窗口位置、尺寸出现差异;以及是否有地址栏、菜单栏、状态栏、滚动条和是否全屏等表现形式存在出入。
【标注1】:IE7 IE8 Firefox Chrome Safari 中,当 “menubar” 选项为 “yes” 时,默认不显示菜单栏,需要按 ALT 键后菜单栏才可显示;相反当 “menubar” 选项为 “no” 时,即使按了 ALT 键也不会显示菜单栏。
【标注2】:Safari 中,开启 “location” 选项与开启 “toolbar” 选项时显示效果一致。
【标注3】:IE6 IE8 Chrome 中,使用 “top” 和 “left” 定位,如果出现设定的的坐标值过大,弹出窗口将可能显示在屏幕可视范围外。
【标注4】:IE7 Firefox Safari Opera 中,使用 “top” 和 “left” 定位,如果出现设定的的坐标值过大,窗口会自动调整 “top” 与 “left” 值,确保窗口正常显示在屏幕可视区域内。
【标注5】:Chrome Opera 中,不支持在没有设定 “width” 与 “height” 值的情况下独立使用 “left” 和 “top”,此时 “left” “top” 设定值均不生效。
【标注6】:Chrome 中,不支持在没有设定 “left” 和 “height” 值的情况下独立使用 “width” 与 “height”,此时 “width” “height” 设定值均不生效。结合【标注5】说明可知,在 Chrome 中弹出窗口不论想要设定宽高或位置中的一个或几个值,都必须将他们全部赋值,否则都将不起作用。
【标注7】:Firefox Chrome 中,地址栏会始终显示。
【标注8】:Opera 中,地址栏默认不显示,但可以点击页面最上方横条使他显示出来,设置 “location=yes” 后地址栏会自动显示出来。
【标注9】:Chrome Opera 中,不论 “menubar” 值如何设置,永远不显示菜单栏。
【标注10】:Firefox Safari Chrome Opera 中,无论 "resizable"值如何设置,窗口永远可由用户调整大小。
【标注11】:Safari Chrome 中,在页面存在滚动条的情况下,无论 "scrollbars"值如何设置,滚动条始终可见。
【标注12】:IE7 在 Windows XP SP3 系统中默认可以支持 "status " 参数隐藏状态栏;而在 Windows Vista 系统默认环境下不支持 "status " 参数,状态栏始终可见。这与两个系统中默认的 IE7 小版本号不同有关,前者版本号较低,后者版本号较高。
【标注13】:Firefox 中,无论 “status” 值如何设置,状态栏始终可见,而 Chrome Opera 中,则与前者相反,状态栏始终不可见。
【标注14】: Chrome Opera 中,无论 “toolbar” 值如何设置,始终不显示工具栏。
注: