国产探花免费观看_亚洲丰满少妇自慰呻吟_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事件中指定的回調函數對它無效。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 巴中市| 万安县| 广东省| 手游| 霍邱县| 达日县| 宾川县| 宜兴市| 福建省| 连平县| 大新县| 黑水县| 南华县| 博湖县| 乌拉特前旗| 宜川县| 辉南县| 昌图县| 垫江县| 汶川县| 武陟县| 乌什县| 江津市| 奎屯市| 新巴尔虎右旗| 赤水市| 大余县| 张家川| 昌图县| 阿拉善左旗| 房山区| 敦煌市| 三河市| 乌鲁木齐县| 灌阳县| 台前县| 滨海县| 石渠县| 丘北县| 若羌县| 清水县|