動態載入腳本提升javascript效能_javascript技巧
- WBOY原創
- 2016-05-16 16:58:35804瀏覽
透過文件物件模型（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>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn