国产探花免费观看_亚洲丰满少妇自慰呻吟_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事件中指定的回調函數對它無效。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 漳浦县| 旅游| 新郑市| 永川市| 仁布县| 旅游| 双江| 潼南县| 疏附县| 庆元县| 周至县| 通渭县| 遵义市| 五莲县| 江阴市| 阿克苏市| 沁源县| 陵水| 霍山县| 景谷| 湾仔区| 疏附县| 甘孜| 华亭县| 财经| 顺平县| 叙永县| 灵台县| 府谷县| 儋州市| 淅川县| 五莲县| 房产| 维西| 黑河市| 永登县| 静安区| 深圳市| 兴宁市| 清水县| 象州县|