JavaScript - 窗口之Open

一、窗口创建

function showWindowForOpen(){
    var childWin = window.open (
        'open.html',
        'newwin',
        'height=230,width=500,top=200,left=300,toolbar=no,menubar=no,scrollbars=no,location=no,status=no');
}

二、窗口交互

   父窗口对话子窗口：

       可通过创建时的句柄childWin调用子窗口中的方法，如：

           childWin.childAlert();

       多级子窗口在各级层保留了句柄时可通过：

           childWin.childWin2.child2Alert();

   子窗口对话父窗口：

       函数调用：

           window.opener[.opener].parentAlert();

       控件赋值：

           window.opener[.opener].document.getElementById("abc").value = "abc";

三、参数说明

   alwaysLowered：{yes | no}：指定窗口隐藏在所有窗口之后

   alwaysRaised：{yes | no}：指定窗口悬浮在所有窗口之上

   depended：{yes | no}：是否和父窗口同时关闭

   directories：{yes | no}：目录栏是否可见

   height：窗口高度

   width：窗口的像素宽度

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

   innerHeight：窗口中文档的像素高度

   innerWidth：窗口中文档的像素宽度

   location：{yes | no}：位置栏是否可见

   menubar：{yes | no}：菜单栏是否可见

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

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

   resizable：{yes | no}：窗口大小是否可调整

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

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

   scrollbars：{yes | no}：窗口是否可有滚动栏

   titlebar：{yes | no}：窗口题目栏是否可见

   toolbar：{yes | no}：窗口工具栏是否可见

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

四、补充说明

   窗口参数和和模式与非模式窗口的区别在于Open方式的参数之间用 , 分隔

   部分参数只在IE和部分浏览器下有效，如location=no