動態載入指令碼提升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>地區而不會影響頁面其他部分。  
相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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