動態(tài)加載腳本提升javascript性能
更新時間:2014年02月24日 15:47:07 作者:
動態(tài)加載腳本可以有效提升javascript性能,下面有個不錯的示例,大家可以參考下
通過文檔對象模型(DOM),幾乎可以用Javascript動態(tài)創(chuàng)建HTML中的所有 內(nèi)容。其根本在于,<script>標(biāo)簽與頁面中的其他元素并無差異:都能通過DOM引用,都能在文檔中移動、刪除,甚至被創(chuàng)建。用標(biāo)準(zhǔn)的DOM方法可以非常容易地創(chuàng)建一個新年的<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>
這個新創(chuàng)建的<script>元素加載了file1.js文件。文件在該元素被添加到頁面時開始下載。這種技術(shù)的重點在于:無論在何時啟動下載,文件的下載和執(zhí)行過程不會阻塞頁面其他進程。你甚至可以將代碼放到頁面<head>區(qū)域而不會影響頁面其他部分。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var script=document.createElement("script");
script.type="text/javascript";
script.src="file1.js";
document.getElementByTagName("head")[0].appendChild(script);
</script>
這個新創(chuàng)建的<script>元素加載了file1.js文件。文件在該元素被添加到頁面時開始下載。這種技術(shù)的重點在于:無論在何時啟動下載,文件的下載和執(zhí)行過程不會阻塞頁面其他進程。你甚至可以將代碼放到頁面<head>區(qū)域而不會影響頁面其他部分。
您可能感興趣的文章:
- 腳本合并提升javascript性能示例
- 巧用局部變量提升javascript性能
- 減少訪問DOM的次數(shù)提升javascript性能
- JavaScript執(zhí)行效率與性能提升方案
- 13 個JavaScript 性能提升技巧分享
- js性能優(yōu)化技巧
- Javascript優(yōu)化技巧之短路表達式詳細(xì)介紹
- angularjs的一些優(yōu)化小技巧
- nodejs的10個性能優(yōu)化技巧
- JavaScript中對循環(huán)語句的優(yōu)化技巧深入探討
- PHP小技巧之JS和CSS優(yōu)化工具Minify的使用方法
- JS代碼優(yōu)化技巧之通俗版(減少js體積)
- Javascript優(yōu)化技巧(文件瘦身篇)
- JavaScript提升性能的常用技巧總結(jié)【經(jīng)典】
相關(guān)文章
javascript手風(fēng)琴下拉菜單實現(xiàn)代碼
手風(fēng)琴效果的下拉菜單大家都有見到過吧,實現(xiàn)的方法也有很多,這篇文章就為大家分享了javascript手風(fēng)琴下拉菜單實現(xiàn)代碼,純手寫的,感興趣的朋友不要錯過。2015-11-11你可能不知道的JavaScript的new Function()方法
JavaScript的精神領(lǐng)袖Douglas Crockford曾說過JavaScript是程序員唯一不需要學(xué)習(xí)就能直接使用的語言. 在編程中確實是如此2014-04-04動態(tài)的改變IFrame的高度實現(xiàn)IFrame自動伸展適應(yīng)高度
動態(tài)的改變IFrame的高度,實現(xiàn)IFrame自動伸展,父頁面也自動神縮原理: 在IFrame子頁面一加載的時候,調(diào)用父IFrame對象,改變其高度2012-12-12