顯示物件的所有屬性

很多時候在寫 JavaScript 時，會因為無法確定變數的狀況，而找不到是那裡出現錯誤，最好的辦法就是顯示變數的所有屬性，以確認目前的狀況。

利用這個函數可以顯示傳入的物件或變數的狀況，會開啟新的頁面顯示所有的資訊。

/*Show Object Element ( 顯示物件的元素 ) */
function SOE(Obj){
    var i, outText = "", eName, eValue;

    for (i in Obj) {
        /* 加入例外處裡 */
        try {
            /* 設定元素名稱的樣式 */
            eName = i.bold().fontcolor('#770077');
            /* 設定元素數值的樣式 */
            eValue=(Obj[i]+'').replace("function","function".bold());
            eValue = eValue.fontcolor('#0000ff');
            /* 將資料串接在一起 */
            outText += eName + " = " + eValue + "<hr/>";
        }catch (e) {
            /* 處理例外事件的訊息 */
            eName = (e + '').replace(/" /g, '"< br/>');
            outText += eName.fontcolor('red') + "<hr/>";
        }
    }

    /* 設定顯示的視窗 */
    i=window.open("","","width=450,height=550,"
       +"scrollbars=yes,resizable=yes");
    /* 將資料加入視窗的文件中，並設定字體定寬及大小 */
    i.document.body.innerHTML = outText.fixed().fontsize(2);
    /* 設定顯示視窗的標題 */
    i.document.title = 'Show Object Element';
    /* 讓顯示視窗取得焦點 */
    i.focus();
}