萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 動態加載腳本提升javascript性能

動態加載腳本提升javascript性能

 動態加載腳本可以有效提升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>區域而不會影響頁面其他部分。   
copyright © 萬盛學電腦網 all rights reserved