快捷導(dǎo)航

動(dòng)態(tài)加載腳本提升javascript性能

更新時(shí)間：2014年02月24日 15:47:07 作者：

動(dòng)態(tài)加載腳本可以有效提升javascript性能，下面有個(gè)不錯(cuò)的示例，大家可以參考下

通過(guò)文檔對(duì)象模型（DOM），幾乎可以用Javascript動(dòng)態(tài)創(chuàng)建HTML中的所有內(nèi)容。其根本在于，<script>標(biāo)簽與頁(yè)面中的其他元素并無(wú)差異：都能通過(guò)DOM引用，都能在文檔中移動(dòng)、刪除，甚至被創(chuàng)建。用標(biāo)準(zhǔn)的DOM方法可以非常容易地創(chuàng)建一個(gè)新年的<script>元素：

復(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> 

這個(gè)新創(chuàng)建的<script>元素加載了file1.js文件。文件在該元素被添加到頁(yè)面時(shí)開(kāi)始下載。這種技術(shù)的重點(diǎn)在于：無(wú)論在何時(shí)啟動(dòng)下載，文件的下載和執(zhí)行過(guò)程不會(huì)阻塞頁(yè)面其他進(jìn)程。你甚至可以將代碼放到頁(yè)面<head>區(qū)域而不會(huì)影響頁(yè)面其他部分。

您可能感興趣的文章:

相關(guān)文章

javascript手風(fēng)琴下拉菜單實(shí)現(xiàn)代碼
手風(fēng)琴效果的下拉菜單大家都有見(jiàn)到過(guò)吧，實(shí)現(xiàn)的方法也有很多，這篇文章就為大家分享了javascript手風(fēng)琴下拉菜單實(shí)現(xiàn)代碼，純手寫(xiě)的，感興趣的朋友不要錯(cuò)過(guò)。
2015-11-11
你可能不知道的JavaScript的new Function()方法
JavaScript的精神領(lǐng)袖Douglas Crockford曾說(shuō)過(guò)JavaScript是程序員唯一不需要學(xué)習(xí)就能直接使用的語(yǔ)言. 在編程中確實(shí)是如此
2014-04-04
純JS實(shí)現(xiàn)可拖拽表單的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇純JS實(shí)現(xiàn)可拖拽表單的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-09-09
javascript作用域、作用域鏈(菜鳥(niǎo)必看)
下面小編就為大家?guī)?lái)一篇javascript作用域、作用域鏈(菜鳥(niǎo)必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
uniapp中刷新本頁(yè)面的三種方法
這篇文章主要給大家介紹了關(guān)于uniapp中刷新本頁(yè)面的三種方法,刷新頁(yè)面的具體邏輯可以根據(jù)實(shí)際需求進(jìn)行編寫(xiě),文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-10-10
原生JS分頁(yè)展示效果（點(diǎn)擊分頁(yè)看效果）
特別酷的分頁(yè)展示效果，原生JS實(shí)現(xiàn)，點(diǎn)擊分頁(yè)看效果
2012-11-11
javascript深拷貝的原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了javascript深拷貝的原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了值傳遞和引用傳遞的原理與實(shí)現(xiàn)方法,并結(jié)合實(shí)例形式給出了深拷貝的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
動(dòng)態(tài)的改變IFrame的高度實(shí)現(xiàn)IFrame自動(dòng)伸展適應(yīng)高度
動(dòng)態(tài)的改變IFrame的高度，實(shí)現(xiàn)IFrame自動(dòng)伸展，父頁(yè)面也自動(dòng)神縮原理：在IFrame子頁(yè)面一加載的時(shí)候，調(diào)用父IFrame對(duì)象，改變其高度
2012-12-12
詳解瀏覽器渲染頁(yè)面過(guò)程
這篇文章主要介紹了詳解瀏覽器渲染頁(yè)面過(guò)程的相關(guān)資料,需要的朋友可以參考下
2017-02-02
JS判斷瀏覽器是否安裝flash插件的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇JS判斷瀏覽器是否安裝flash插件的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-09-09