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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:54:26
字體:
來源:轉載
供稿:網友
傳統上,加載Javascript文件都是使用script標簽,我們也可以使用DOM方法,動態加載Javascript文件,具體實現如下,感興趣的朋友可以參考下

傳統上,加載Javascript文件都是使用<script>標簽。
就像下面這樣:
<script type="text/javascript" src="example.js"></script>

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

 
<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事件中指定的回調函數對它無效。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 平谷区| 嘉定区| 岑巩县| 清新县| 任丘市| 林周县| 木兰县| 兴海县| 桐柏县| 门头沟区| 多伦县| 敖汉旗| 铜陵市| 颍上县| 宁海县| 临汾市| 湄潭县| 龙州县| 内乡县| 东台市| 崇左市| 库伦旗| 东乌珠穆沁旗| 宜兴市| 黄冈市| 斗六市| 阿拉善左旗| 东丰县| 宁夏| 崇仁县| 大石桥市| 延长县| 邯郸县| 高陵县| 万源市| 安乡县| 汉中市| 雷波县| 新津县| 内乡县| 新津县|