首頁 > web前端 > js教程 > 動態載入腳本提升javascript效能_javascript技巧

動態載入腳本提升javascript效能_javascript技巧

WBOY
發布: 2016-05-16 16:58:35
原創
796 人瀏覽過

透過文件物件模型(DOM),幾乎可以用Javascript動態建立HTML中的所有 內容。其根本在於,<script>標籤與頁面中的其他元素並無差異:都能透過DOM引用,都能在文件中移動、刪除,甚至被創建。用標準的DOM方法可以非常容易地創建一個新年的<script>元素: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="27506" class="copybut" id="copybut27506" onclick="doCopy('code27506')"><U>複製程式碼 程式碼如下: <div class="codebody" id="code27506"> <BR><script type="text/javascript"> <BR>var script=document.createElement("script"); <BR>script.type="text/javascript"; <BR>script.src ="file1.js"; <BR>document.getElementByTagName("head")[0].appendChild(script); <BR></script>

這個新建立的<script>元素載入了file1.js檔。文件在該元素被加入到頁面時開始下載。這種技術的重點在於:無論在何時啟動下載,檔案的下載和執行過程不會阻塞頁面其他進程。你甚至可以將程式碼放到頁面<head>區域而不會影響頁面其他部分。</script>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板