国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js加載之使用DOM方法動態加載Javascript文件

2019-11-20 21:45:27
字體:
來源:轉載
供稿:網友
傳統上,加載Javascript文件都是使用<script>標簽。
就像下面這樣:
<script type="text/javascript" src="example.js"></script>
 
<script>標簽很方便,只要加入網頁,瀏覽器就會讀取并運行。但是,它存在一些嚴重的缺陷。
  (1)嚴格的讀取順序。由于瀏覽器按照<script>在網頁中出現的順序,讀取Javascript文件,然后立即運行,導致在多個文件互相依賴的情況下,依賴性最小的文件必須放在最前面,依賴性最大的文件必須放在最后面,否則代碼會報錯。
  (2)性能問題。瀏覽器采用"同步模式"加載<script>標簽,也就是說,頁面會"堵塞"(blocking),等待javascript文件加載完成,然后再運行后面的HTML代碼。當存在多個<script>標簽時,瀏覽器無法同時讀取,必須讀取完一個再去讀取另一個,造成讀取時間大大延長,頁面響應緩慢。
為了解決這些問題,可以使用DOM方法,動態加載Javascript文件。
復制代碼 代碼如下:

  function loadScript(url){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    document.body.appendChild(script);
  }

這樣做的原理是,瀏覽器即時創造出一個<script>標簽,然后"異步"讀取Javascript文件。這樣不會造成頁面堵塞,但會造成另外一個問題:這樣加載的Javascript文件,不在原始的DOM結構之中,因此在DOM-ready(DOMContentLoaded)事件和window.onload事件中指定的回調函數對它無效。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐清市| 南京市| 满城县| 始兴县| 健康| 社会| 衢州市| 建湖县| 临江市| 东海县| 海晏县| 大荔县| 沙洋县| 古蔺县| 张家口市| 莒南县| 如东县| 林口县| 大关县| 麦盖提县| 阳原县| 三明市| 浙江省| 蕲春县| 鄢陵县| 昌宁县| 法库县| 沂水县| 高平市| 明光市| 丹寨县| 阿荣旗| 江油市| 西贡区| 巨野县| 泉州市| 乡城县| 东源县| 巴中市| 榕江县| 都匀市|