javascript有關的程式內容,網頁效果,符合html4規格,教學式範例
最近主機一直有問題，排程重啟Service、調整Apache MySQL設定值又換了wordpress cache也都沒用，後來研究了好久判斷可能是Bloggerads載入時太慢所以都卡住了，所以找了個方法讓它的JavaScript延遲載入，在網頁內容都載入後，才開始載入Bloggerads廣告。
原理是利用瀏覽器的特性，當元素被設定不顯示時裡面的圖形、flash內容及javascript等都不會真正的載入，只有在設定顯示時才會開始載入。
測試二種方式：
一種方式是先把需求的script在一開始載入好，需要顯示時才設定顯示，一種是連script都在最尾端（也可以使用onReady等方式）才載入。後一種的效能應該會比較好一點，不過比較麻煩。
這裡會需要使用到FireFox的FireBug使用方法可以參考網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具
當網頁載入完成時，可以看到並沒有正真載入廣告
ExtJS的TreePanel樹是繼承Ext.Panel，所以它可以算是一個Container，不過它也是算是一個ExtJS的Component，給於TreeNode來完成樹狀結果，可以應用在選單或是分類等地方。像是下圖
左邊圖是設定rootVisible : false，而右邊圖是設定rootVisible : true，根結點是否顯示
相關資料
當程式人員或網頁設計師在開發網頁時都會遇到一個問題，就是debug不易，不過自從Firefox大行其道後，這個問題被FireBug解決了，使用FireBug可以很方便的知道網頁那裡出了問題，可以直接修改CSS及html dom內容，還可以知道整個網頁到底傳輸了什麼內容及資訊等等，可說是十分好用，Microsoft在其後釋出的Internet Explorer及Google的Browser也都支援了類似的功能，不過更新的頻率並不像FireBug那麼高。
可以由上方工具列的工具－＞開發者工具 來啟動（或F12）
使用開發者工具HTML tab裡的滑鼠指標可以直接取得網頁裡HTML的結構內容
而在這個HTML tab也可以直接修改文件內容或CSS，不過個人並不覺得比FireBug好用
facebook有需多的外掛元件，可以從facebook developers裡面找到設定並安裝，這裡介紹如何在pixnet blog裡安裝”讚”這個按鈕。
一般不另任設定時，pixnet blog只能固定在某一個區塊顯示＂讚＂按鈕，像是在公告區塊或是左右側欄，不過這樣子並不太好用，而且也不能自動變換要推薦的文章網址（如何取得like button可參考 [分享] 如何在部落格上放入Facebook的「讚」？ ），就像下圖：（facebook plugin like button）
如果要放在其它地方要如何做呢？這裡示範在標題下方依每個標題連結自動產生一個讚的按鈕出來，結果會如下圖。
大部份在寫網頁要上傳檔案時都需要使用到iframe做一個中繼，可是如果上傳POST時有錯訊息時，前一個iframe資料就會變成記錄history，而此時如果使用者重新整理時，就會遇到暫存資料的問題，iframe裡的內容會再被執行一次。
以下有一個JavaScript方法，可以在檢查完所有form條件時才自動建立iframe內容createiFrame做post動作，而重新整理時（或第一次進入此畫面時）又不會真實存在，來解決暫存的問題。
當呼叫createIFrame時，會在body這一個tab建立一個iframe元素，並把需求屬性設定好，像是frameborder=0、width=0、height=0等。
function createIFrame() {
if (!document.getElementById("_hiddenframe"))
{
var frame = document.createElement("iframe");
frame.setAttribute("name", "_hiddenframe1");
frame.setAttribute("src", "about:blank");
frame.setAttribute("frameborder", "0");
frame.setAttribute("height", "0");
frame.setAttribute("width", "0");
frame.setAttribute("id", "_hiddenframe");
frame.name = "_hiddenframe";
document.body.appendChild(frame);
window.frames._hiddenframe.name = "_hiddenframe";
document.getElementsByTagName("body")[0].appendChild(frame);
}
}