本文章主要讲一下关于window.open()打开新窗口的使用方法以及一些属性参数在不同浏览器的兼容性,好了下面看看代码。
alwayslowered
internet explorer:不支持
navigator:版本 4+
指定窗口总是保留在堆栈的最下面。换言之,不管新窗口是否激活,总是其他窗口下。
window.open("alwayslowered.html", "_blank", "alwayslowered");
--------------------------------------------------------------------------------
alwaysraised
internet explorer:不支持
navigator:版本 4+
指定窗口总是保留在堆栈的最上面。换言之,不管新窗口是否激活,总是其他窗口上。
window.open("alwaysraised.html", "_blank", "alwaysraised");
--------------------------------------------------------------------------------
channelmode
internet explorer:版本 4+
navigator:不支持
指定是否按照剧场模式显示窗口,以及是否显示频道区。
window.open("channelmode.html", "_blank", "channelmode");
--------------------------------------------------------------------------------
dependent
internet explorer:不支持
navigator:版本 4+
定义是否窗口成为当前打开窗口的依赖子窗口。依赖窗口就是当它的父窗口关闭时,它也随即关闭。在windows平台上,一个依赖窗口不会在任务栏上显示。
window.open("dependent.html", "_blank", "dependent");
--------------------------------------------------------------------------------
directories
internet explorer:所有版本
navigator:所有版本
指定是否显示目录按钮(比如众所周知的"what's cool" and "what's new" 按钮)。internet explorer将这些目录按钮引用为链接工具栏,navigator(版本4和以上)称之为个人工具栏。
window.open("directories.html", "_blank", "directories");
--------------------------------------------------------------------------------
fullscreen
internet explorer:版本 4+
navigator:不支持
定义是否按照全屏方式打开浏览器。请小心使用全屏模式,因为在这种模式下,浏览器的标题栏和菜单都被隐藏,所有你应该提供一个按钮或者其他可视的线索来帮助用户关闭这个窗口。当然,使用热键alt+f4也能关闭窗口。
window.open("fullscreen.html", "_blank", "fullscreen");
--------------------------------------------------------------------------------
height
internet explorer:所有版本
navigator:所有版本
以象素pixel为单位定义窗口文档显示区域的高度,最小数值是100。如果仅仅定义高度,internet explorer使用给定的高度和默认的宽度。对于navigator,如果不同时指定width或者innerwidth,那么就将忽略这个属性。
window.open("height.html", "_blank", ",");
--------------------------------------------------------------------------------
hotkeys
internet explorer:不支持
navigator:版本 4+
如果没有定义(或者为0),那么就屏蔽了没有菜单条的新窗口的大部分热键。但是安全以及退出热键仍然保留。
window.open("hotkeys.html", "_blank", "hotkeys=0,menubar=0");
--------------------------------------------------------------------------------
innerheight
internet explorer:不支持
navigator:版本 4+
以象素pixel为单位定义窗口文档显示区域的高度,最小数值是100。在navigator版本4中,这个特征替换height,为得是保持向后兼容。对于navigator,如果不同时指定width或者innerwidth,那么就将忽略这个属性。
window.open("innerheight.html", "_blank", "inner,inner");
--------------------------------------------------------------------------------
innerwidth
internet explorer:不支持
navigator:版本 4+
以象素pixel为单位定义窗口文档显示区域的宽度,最小数值是100。在navigator版本4中,这个特征替换width,为得是保持向后兼容。对于navigator,如果不同时指定height或者innerheight,那么就将忽略这个属性。
window.open("innerwidth.html", "_blank", "inner,inner");
left
internet explorer:版本 4+
navigator:不支持
以象素为单位定义窗口的x左标。
window.open("left.html", "_blank", "left=20");
--------------------------------------------------------------------------------
location
internet explorer:所有版本
navigator:所有版本
定义是否显示浏览器中供地址url输入的文本域。
window.open("location.html", "_blank", "location");
--------------------------------------------------------------------------------
menubar
internet explorer:所有版本
navigator:所有版本
定义是否显示菜单条(菜单条位于窗口顶部,包括“文件”和“编辑”等)。
window.open("menubar.html", "_blank", "menubar");
--------------------------------------------------------------------------------
outerheight
internet explorer:不支持
navigator:版本 4+
以象素为单位定义窗口(它的外部边界)的总高度,最小数值比100多一些,因为窗口内容区域的高度必须至少是100。如果没有同时定义outerwidth,navigator将忽视这个特征。
window.open("outerheight.html", "_blank", "outer,outer");
--------------------------------------------------------------------------------
outerwidth
internet explorer:不支持
navigator:版本 4+
以象素为单位定义窗口(它的外部边界)的总宽度,最小数值比100多一些,因为窗口内容区域的宽度必须至少是100。如果没有同时定义outerheight,navigator将忽视这个特征。
window.open("outerwidth.html", "_blank", "outer,outer");
--------------------------------------------------------------------------------
resizable
internet explorer:所有版本
navigator:所有版本
定义是否窗口可以通过它的边界进行大小缩放控制。依赖于平台不同,用户也许还有其他改变窗口大小的方法。
window.open("resizable.html", "_blank", "resizable");
--------------------------------------------------------------------------------
screenx
internet explorer:不支持
navigator:版本 4+
以象素为单位定义窗口的x坐标。
window.open("screenx.html", "_blank", "screenx=20");
--------------------------------------------------------------------------------
screeny
internet explorer:不支持
navigator:版本 4+
以象素为单位定义窗口的y坐标。
window.open("screeny.html", "_blank", "screeny=20");
--------------------------------------------------------------------------------
scrollbars
internet explorer:所有版本
navigator:所有版本
定义是否激活水平和垂直滚动条。
window.open("scrollbars.html", "_blank", "scrollbars");
--------------------------------------------------------------------------------
status
internet explorer:所有版本
navigator:所有版本
定义是否在窗口的下部添加状态栏。
window.open("status.html", "_blank", "status");
--------------------------------------------------------------------------------
titlebar
internet explorer:version 5+
navigator:版本 4+
定义是否显示窗口的标题栏。在internet explorer中,除非调用者是一个html应用程序或者一个可信任的对话框,那么这个特征是被屏蔽的。
window.open("titlebar.html", "_blank", "titlebar=0");
--------------------------------------------------------------------------------
toolbar
internet explorer:所有版本
navigator:所有版本
定义是否显示浏览器的工具栏(位于窗口的上部,包括“后退”和“向前”)。
window.open("toolbar.html", "_blank", "toolbar");
--------------------------------------------------------------------------------
top
internet explorer:版本 4+
navigator:不支持
以象素为单位定义窗口的纵坐标。
window.open("top.html", "_blank", "top=20");
--------------------------------------------------------------------------------
width
internet explorer:所有版本
navigator:所有版本
以象素pixel为单位定义窗口文档显示区域的宽度,最小数值是100。如果仅仅定义宽度,internet explorer使用给定的宽度和默认的高度。对于navigator,如果不同时指定height或者innerheight,那么就将忽略这个属性。
window.open("width.html", "_blank", ",");
--------------------------------------------------------------------------------
z-lock
internet explorer:不支持
navigator:版本 4+
定义窗口激活时不在堆栈中浮起,就是说,新窗口当被激活时并不能位于其他窗口之上。
window.open("zlock.html", "_blank", "z-lock");