window.open 可以打开一个窗口。
简单的打开一个页面为: window.open('abc.html');
如果要限制打开的页面的大小等可以加参数:window.open(url,windowName,args);如:
window.open('abc.html','myWin','height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no,top=100,left=300');
参数参考:
参数 衩始值 说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
alwaysRaised yes/no 指定窗口浮在所有窗口之上。
dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。
directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
height pixel value 设定新窗口的像素高度。
hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
innerHeight pixel value 设置新窗口中文档的像素高度。
innerWidth pixel value 设置新窗口中文档的像素宽度。
location yes/ no 指明位置栏在新窗口中是否可见。
menubar yes /no 指明菜单栏在新窗口中是否可见。
outerHeight pixel value 设定窗口(包括装饰边框)的像素高度。
outerWidth pixel value 设定窗口(包括装饰边框)的像素宽度。
resizable yes /no 指明新窗口是否可以调整。
screenX pixel value 设定新窗口离屏幕边界的像素长度。
screenY pixel value 设定新窗口离屏幕上边界的像素长度。
scrollbars yes /no 指明滚动栏在新窗口中是否可见。
titlebar yes /no 指明菜单题目栏在新窗口是否可见。
toolbar yes /no 指明工具栏在新窗口中是否可见。
Width pixel value 设定窗口的像素宽度。
z-look yes /no 在文档中包含各个 <pplet>标签的数组。
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离
window.open 会返回打开的窗口的句柄引用。
得到这个引用后就通过父窗口编程控制子窗口了。
如在一个项目中我想用弹出子窗口,并且其尺寸自适应。
开始我是用
var childWin=window.open('abc.html');
childWin.οnlοad=function(){//set width and height }
但不起作用,后来搜索发现可以这样使用:
childWin.attachEvent('onload',function(){
window.SubWin.resizeTo(window.SubWin.document.body.offsetWidth+26,window.SubWin.document.body.offsetHeight+35);
});
由于 attachEvent 是ie 独有的方法,其他浏览器不可使用,firefox 可用: addEventListener。
参考兼容浏览器的弹出窗口方法:http://kangzye.blog.163.com/blog/static/3681922320098825026571