JavaScript - 視窗之Open

襲冷發表於2014-04-01
JavaScript

一、視窗建立

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
 


相關文章