麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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事件中指定的回調函數對它無效。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 中文字幕线观看 | www.99re14.com| 久久99精品久久久久久园产越南 | 香蕉国产片 | 成人性视频免费网站下载软件 | 日本一级黄色大片 | 精品国产91久久久久 | 欧美18一12sex性处hd | 国产一区二区国产 | 在线播放视频一区二区 | 亚洲精品aⅴ中文字幕乱码 欧美囗交 | 香蕉久久久精品 | 欧美亚洲黄色 | 在线看一区二区三区 | 久久最新网址 | 国产成人精品无人区一区 | 欧美日韩成人一区二区 | 毛片大全 | 在线播放免费人成毛片乱码 | 99麻豆久久久国产精品免费 | 美女视频黄a视频免费全过程 | 美女网站色免费 | 欧美亚洲国产日韩 | 国产乱一区二区三区视频 | 一区二区三区在线观看免费视频 | 失禁高潮抽搐喷水h | 国产毛片毛片毛片 | 久久久久久91 | 欧美一级黄色网 | 操你逼| 羞羞视频免费网站日本动漫 | 久久经典免费视频 | 91在线色| 亚洲成人精品区 | 又黄又爽又色无遮挡免费 | www.99xxxx.com | 欧美一级黑人 | 国产一区二区三区四区在线 | 久久色播 | 久久国产亚洲视频 | 欧美aⅴ视频 |