• 第一階段 : script 載入並依順序執行
• 第二階段 : 進行事件驅動的階段 (非同步的)。

window.postMessage

postMessage 可以安全地實現跨網域傳遞資料或訊息，只要正確使用, 這種方法就很安全。

//來源網頁

        $(document).ready(function () {

            //監聽 message
            window.addEventListener('message', function (event) {
                //限制來源網站為
                if (event.origin.indexOf('ddmg.com.tw') != -1) {
                    
                    console.log(event.data);    //event.data 即為目標網址傳來的資料;

                }
            });
        });

        function openFacebokRegister() {
            window.open('http://core.ddmg.com.tw/Learn/fbLogin.html','', config = 'height=500,width=500');
        }

//目標網頁

        $(document).ready(function () {
            window.opener.postMessage('23k4jh2i3ut4-2k3j423k4h-sdf2342', '*');
            window.close();
        });

瀏灠歷程

                        alert('顯示訊息');

                        if(confirm('是否確認')) { 
                        
                        }

                        var str = prompt('請輸入資料')

                    

    // Display error messages in a dialog box, but never more than 3
    window.onerror = function (msg, url, line) {
        if (onerror.num++ < onerror.max) {
            alert("ERROR: " + msg + "\n" + url + ":" + line);
            return true;
        }

        // 回傳 false 表示已處理好錯誤 , 不需更進一步的動作
    }
    onerror.max = 3;
    onerror.num = 0;

window.captureEvents : 指定要取得的事件
window.handleEvent    : 處理事件
window.releaseEvent   : 解除事件
window.routeEvent       : 通過事件

    function openNewPopup() {
        var wObj = window.createPopup();
        var popObj = wObj.document.body;
        popObj.style.border = "solid 2px blue";
        popObj.document.bgColor = "yellow";
        popObj.innerHTML = "快顯視窗裡的內容"
        wObj.show(-100, 80, 400, 320, document.body);
    }

    var setT = window.setTimeout(
                                 function () { },
                                 1000 * 36,
                                 {}
                                 );
    //
    window.clearTimeout(setT);

    var it = window.setInterval(
                                function () { },
                                1000 * 36,
                                {}
                               );
    window.clearInterval(it);

    var win = window.open('', ''/*....*/);

    //回指開啟它的視窗
    win.opener

    //來取得iframe , 而不用 getElmentById
    window.frames['id'] 

直接控制母視窗的傳回物件
window.opener.document.getElementById('objID') = "asdf"

或是在母視窗傳入Argument然後在子視窗控制傳回值

winID = window.open('URL','WindowHeadName','features','replace')

winID.location.href = newURL;

子視窗也可控制父視窗的方法
if (window.opener && ! window.opener.closed){
window.opener.staturs = "改變父視窗的狀態列";
}

父視窗關閉子視窗
if (winID && winID.open && !winID.closed){
winID.closed();
}

window.open(' ' , ' ' , '設定新視窗的特性' )

直接使用參數傳入母視窗的物件來讓子視窗來直接改變或使用
在母視窗呼叫時使用

functionSel_rule( ) {
   var uri= "Dialog.aspx?title=efRuleVariable&link=../rule/Dialog_SelectRuleVar.aspx";
   var nWidth= 450;
   var nHeight= 400;
   var rgParams= {
                                    from: window,
                                    id: document.getElementById("txtRuleValue"),
                                    name: document.getElementById("txtRule")
                                 };
var ReturnValue= window.showModalDialog(uri, rgParams, "dialogHeight:"+nHeight+"px;dialogWidth:"+nWidth+"px;status:no;resizable:yes;help:no;scroll:yes;");
}

在子視窗時使用

var param= window.dialogArguments;

function returnValue() {
if (ruleId + ruleName != "") {
    param.id.value = ruleId;
    param.name.value = ruleName;
    param.descr = ruleDescr;
    closeDialog( );}
}


在母視窗呼叫並且接值的方式
var ReV= window.showModalDialog(xxxx.......)

在子視窗傳回
window.returnValue= 傳回的值

視窗內容的捲動
scroll ( x , y )
scrollTo ( x , y )
scrollBy ( offsetx , offsety )