天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

async和DOM Script文件加載比較

目前我用demo.js作為執行文件操作.代碼:

var now = function() { return +(new Date()); }var t_s = now();while(now() - t_s < 2000) { }

用sleep.php作為請求文件操作。代碼:

<?php  sleep(3);  echo 'var bb';?>

1. 一般script標簽加載

<script src="demo.js"></script><script src="sleep.php"></script>

在瀏覽器加載情況: 圖1-1. 下載阻塞DomReady 圖1-2. 執行阻塞DomReady


圖1-1. 下載阻塞DomReady


圖1-2. 執行阻塞DomReady

2. async屬性

async是html5中新增的屬性,它的作用是能夠異步下載腳本文件,不阻塞DOMReady。

每一個async屬性的腳本都在它下載結束之后立刻執行,同時會在window的load事件之前執行。所以就有可能出現腳本執行順序被打亂的情況

支持async瀏覽器: Firefox 3.6+, IE 10+, Chrome 2+, Safari 5+, ios 5+, Android 3+

<script src="demo.js" async></script><script src="sleep.php" async></script>  

在瀏覽器中加載的情況:


圖2-1 異步下載 不阻塞DomReady 阻塞load事件


圖2-2 執行阻塞load事件


圖2-3 IE9不支持async屬性下載阻塞DomReady

3. DOM Script動態加載

文檔對象模型(DOM)允許您使用 JavaScript 動態創建 HTML 的幾乎全部文檔內容。 script元素與頁面其他元素一樣,可以非常容易地通過標準 DOM 函數創建:

var loadScript = function(url) { var s = document.createElement('script'); s.type = 'text/Javascript'; s.async = 'true'; s.src = url; document.getElementsByTagName('head')[0].appendChild(s); }// 加載js文件腳本loadScript('sleep.php');loadScript('demo.js');

在瀏覽器中加載的情況:


圖3-1 下載阻塞load事件


圖3-2 執行阻塞load事件


圖3-3 IE9不阻塞load事件

小結

async和script動態加載在現代瀏覽器中加載的情況是一致的。前者使用簡單,后在兼容性方面更好。 異步加載文件還有很多方法,ajax(會受到同源限制)、iFrame、img…

php技術async和DOM Script文件加載比較,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: beeg日本老妇人 | 中文字幕不卡免费高清视频 | 97亚洲狠狠色综合久久久久 | 伊人久久精品AV一区二区 | 国产亚洲精品成人AV久久 | 日韩一区二区三区视频在线观看 | 国产69精品久久久久乱码免费 | 精品国产国产精2020久久日 | 国产精片久久久久久婷婷 | 99热热在线精品久久 | 97精品视频在线观看 | 四川少妇大战4黑人 | 搡女人免费免费视频观看 | 久草在线精彩免费视频 | 国产AV视频一区二区蜜桃 | 精品久久久久久久久免费影院 | 中文字幕亚洲欧美在线视频 | asmr淫语| 国偷自产视频一区二区久 | 狠日狠干日曰射 | 四虎永久精品视频在线 | 在线观看精品视频看看播放 | 成人在线观看播放 | WWW国产色情在线观看APP | qvod伦理片| 和尚扒开双腿蹂躏 | 在线 国产 欧美 亚洲 天堂 | 亚洲 天堂 欧美 日韩 国产 | xxxx18动漫| 久草国产在线播放 | 伊人久99久女女视频精品免 | 国产亚洲精品久久久久久国模美 | 在线亚洲精品国产一区麻豆 | 久久中文电影 | 在线 | 果冻国产传媒61国产免费 | 精品手机在线1卡二卡3卡四卡 | 高h全肉图 | 总裁呻吟双腿大开男男H | 日韩欧美国产免费看清风阁 | 午夜性伦鲁啊鲁免费视频 | 簧片在线免费观看 |