動態載入指令碼提升javascript效能

來源:互聯網
上載者:User

 動態載入指令碼可以有效提升javascript效能,下面有個不錯的樣本,大家可以參考下

通過文件物件模型(DOM),幾乎可以用Javascript動態建立HTML中的所有 內容。其根本在於,<script>標籤與頁面中的其他元素並無差異:都能通過DOM引用,都能在文檔中移動、刪除,甚至被建立。用標準的DOM方法可以非常容易地建立一個新年的<script>元素:  代碼如下:<script type="text/javascript"> var script=document.createElement("script"); script.type="text/javascript"; script.src="file1.js"; document.getElementByTagName("head")[0].appendChild(script); </script>  這個新建立的<script>元素載入了file1.js檔案。檔案在該元素被添加到頁面時開始下載。這種技術的重點在於:無論在何時啟動下載,檔案的下載和執行過程不會阻塞頁面其他進程。你甚至可以將代碼放到頁面<head>地區而不會影響頁面其他部分。  
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.