載入代碼片斷

這個是蠻久以前的東西了，當一個頁面有太多內容的時候，我們可以把第一屏以外的內容放到一個textarea裡面，讓textarea隱藏，這樣一開始內容是不會載入的，同時頁面就會更快的呈現給使用者，當使用者在瀏覽第一屏的內容的時候，我們可以再用JS讓瀏覽器載入textarea裡面的內容，或者當使用者把捲軸拖到下面的時候再載入，那麼這裡就需要一個載入HTML代碼片斷的函數，

//載入HTML代碼片斷function loadHtmlSnippet(source,target,callback){var iframe = document.createElement('iframe'),doc,html = source.value;iframe.style.cssText = 'position:absolute;left:-999999px;width:0px;height:0px;';document.body.appendChild(iframe);doc = iframe.contentDocument || iframe.contentWindow.document;doc.open();doc.writeln(html);iframe.attachEvent ? iframe.attachEvent('onload',_onload) : iframe.onload = _onload;function _onload(){target.innerHTML = html;callback && callback();document.body.removeChild(iframe);}doc.close();};

　　

說明：　參數

source就是textarea對象

target就是將載入進來的HTML代碼放到裡面

callback就是當代碼載入完後執行的回調