window.open

简介: window.open

window.open



示例:


window.open('http://www.cnblogs.com/xiyangbaixue/','new', 'width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes');


分析一下其中的参数(其中yes/no也可使用1/0,pixelvalue为具体的数值,单位象素):


alwaysLowered|yes/no|指定窗口隐藏在所有窗口之后


alwaysRaised|yes/no|指定窗口悬浮在所有窗口之上


depended|yes/no|是否和父窗口同时关闭


directories|yes/no|Nav2和3的目录栏是否可见


height|pixelvalue|窗口高度


hotkeys|yes/no|在没菜单栏的窗口中设安全退出热键


innerHeight|pixelvalue|窗口中文档的像素高度


innerWidth|pixelvalue|窗口中文档的像素宽度


location|yes/no|位置栏是否可见


menubar|yes/no|菜单栏是否可见


outerHeight|pixelvalue|设定窗口(包括装饰边框)的像素高度


outerWidth|pixelvalue|设定窗口(包括装饰边框)的像素宽度


resizable|yes/no|窗口大小是否可调整


screenX|pixelvalue|窗口距屏幕左边界的像素长度


screenY|pixelvalue|窗口距屏幕上边界的像素长度


scrollbars|yes/no|窗口是否可有滚动栏


titlebar|yes/no|窗口题目栏是否可见


toolbar|yes/no|窗口工具栏是否可见


Width|pixelvalue|窗口的像素宽度


z-look|yes/no|窗口被激活后是否浮在其它窗口之上


status|yes/no|是否显示状态栏内的信息


left|pixelvalue|窗口距离屏幕左侧的象素值


top|pixelvalue|窗口距离屏幕上方的象素值


 

 

注意:window.open()是在新的tab页打开的,如果我们想弹出一个新的窗口怎么办呢?只需要加上下面的代码


window.open('绝对路径','_blank', 'width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes');


这样就能实现在所有浏览器下都是弹出一个新窗口

 

扩展:


点击一下改变当前页面内容同时弹出一个新窗口


<a href="one.html" onclick="window.open('two.html')">click</a>


在子窗口操作时,刷新父窗口


opener.location.href=opener.location.href


相关文章
|
5月前
|
前端开发 JavaScript UED
window.open()用法详解
window.open()用法详解
|
6月前
|
JavaScript
window.open的使用
window.open的使用
115 0
window.open()的一些操作属性
_media : url所指向的页面加载到Media Bar所包含的HTML代码区域中.如果没有Media Bar则加到本身.
window.open常用参数具体意义
window.open常用参数具体意义
|
前端开发 JavaScript 安全