顯示物件的所有屬性

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

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

原始碼

1. /*Show Object Element ( 顯示物件的元素 ) */ 
2. function SOE(Obj){ 
3.    var i, outText = "", eName, eValue; 
4.  
5.    for (i in Obj) { 
6.        /* 加入例外處裡 */ 
7.        try { 
8.            /* 設定元素名稱的樣式 */ 
9.            eName = i.bold().fontcolor('#770077'); 
10.            /* 設定元素數值的樣式 */ 
11.            eValue=(Obj[i]+'').replace("function","function".bold()); 
12.            eValue = eValue.fontcolor('#0000ff'); 
13.            /* 將資料串接在一起 */ 
14.            outText += eName + " = " + eValue + "<hr/>"; 
15.        }catch (e) { 
16.            /* 處理例外事件的訊息 */ 
17.            eName = (e + '').replace(/" /g, '"< br/>'); 
18.            outText += eName.fontcolor('red') + "<hr/>"; 
19.        } 
20.    } 
21.  
22.    /* 設定顯示的視窗 */ 
23.    i=window.open("","","width=450,height=550," 
24.       +"scrollbars=yes,resizable=yes"); 
25.    /* 將資料加入視窗的文件中，並設定字體定寬及大小 */ 
26.    i.document.body.innerHTML = outText.fixed().fontsize(2); 
27.    /* 設定顯示視窗的標題 */ 
28.    i.document.title = 'Show Object Element'; 
29.    /* 讓顯示視窗取得焦點 */ 
30.    i.focus(); 
31. } 

/*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();
}