摘要:原文鏈接方案一需要引入兼容所有瀏覽器加載完成方案二標(biāo)簽的屬性屬性是新增屬性,需要瀏覽器支持屬性規(guī)定一旦腳本可用,則會(huì)異步執(zhí)行屬性僅適用于外部腳本此方法不能保證腳本按順序執(zhí)行方案三標(biāo)簽的屬性屬性規(guī)定是否對(duì)腳本執(zhí)行進(jìn)行延遲,直到頁(yè)面加載為止如
原文鏈接 - http://www.cnblogs.com/huangcong/p/3747038.html
方案一、$(document).ready()需要引入jquery
兼容所有瀏覽器
$(document).ready(function() { alert("加載完成!"); });方案二、標(biāo)簽的async="async"屬性
async屬性是HTML5新增屬性,需要Chrome、FireFox、IE9+瀏覽器支持
async屬性規(guī)定一旦腳本可用,則會(huì)異步執(zhí)行
async屬性僅適用于外部腳本
此方法不能保證腳本按順序執(zhí)行
方案三、標(biāo)簽的defer="defer"屬性defer屬性規(guī)定是否對(duì)腳本執(zhí)行進(jìn)行延遲,直到頁(yè)面加載為止
如果腳本不會(huì)改變文檔的內(nèi)容,可將defer屬性加入到標(biāo)簽中,以便加快處理文檔的速度
兼容所有瀏覽器
此方法可以確保所有設(shè)置了defer屬性的腳本按順序執(zhí)行
方案四、動(dòng)態(tài)創(chuàng)建標(biāo)簽兼容所有瀏覽器
(function(){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://code.jquery.com/jquery-1.7.2.min.js"; var tmp = document.getElementsByTagName("script")[0]; tmp.parentNode.insertBefore(script, tmp); })();
(完)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/81716.html
摘要:異步加載異步加載指的是為指定加載的回調(diào)函數(shù),在的主體資源加載完畢之后,將自動(dòng)調(diào)用該回調(diào)函數(shù)。 幾種加載js的方式 同步加載 異步加載 延遲加載 同步加載 用的最多的一種方式,又稱阻塞模式,會(huì)阻止瀏覽器的后續(xù)處理,停止后續(xù)的解析,只有當(dāng)當(dāng)前加載完成,才能進(jìn)行下一步操作。所以默認(rèn)同步執(zhí)行才是安全的。但這樣如果js中有輸出document內(nèi)容、修改dom、重定向等行為,就會(huì)造成頁(yè)面堵塞。...
摘要:?jiǎn)尉€程與瀏覽器多線程是單線程的因?yàn)檫\(yùn)行在瀏覽器中,是單線程的,每個(gè)一個(gè)線程。若以多線程的方式操作這些,則可能出現(xiàn)操作的沖突。零延遲零延遲并不是意味著回調(diào)函數(shù)立刻執(zhí)行。異步編程的中方法包括回調(diào)函數(shù)事件監(jiān)聽采用事件驅(qū)動(dòng)模式。 JavaScript單線程與瀏覽器多線程 Javascript是單線程的:因?yàn)镴S運(yùn)行在瀏覽器中,是單線程的,每個(gè)window一個(gè)JS線程。作為瀏覽器腳本語(yǔ)言,Ja...
摘要:零延遲零延遲并不是意味著回調(diào)函數(shù)立刻執(zhí)行。異步編程的中方法包括回調(diào)函數(shù)事件監(jiān)聽采用事件驅(qū)動(dòng)模式。執(zhí)行完成后,立即觸發(fā)事件,從而開始執(zhí)行。所謂對(duì)象,就是代表了未來某個(gè)將要發(fā)生的事件通常是一個(gè)異步操作。 JavaScript單線程與瀏覽器多線程 Javascript是單線程的:因?yàn)镴S運(yùn)行在瀏覽器中,是單線程的,每個(gè)window一個(gè)JS線程。作為瀏覽器腳本語(yǔ)言,JavaScript的主要...
摘要:異步問題回調(diào)地獄首先,我們來看下異步編程中最常見的一種問題,便是回調(diào)地獄。同時(shí)使用也是異步編程最基礎(chǔ)和核心的一種解決思路。基于,目前也被廣泛運(yùn)用,其是異步編程的一種解決方案,比傳統(tǒng)的回調(diào)函數(shù)解決方案更合理和強(qiáng)大。 關(guān)于 微信公眾號(hào):前端呼啦圈(Love-FED) 我的博客:勞卜的博客 知乎專欄:前端呼啦圈 前言 在實(shí)際編碼中,我們經(jīng)常會(huì)遇到Javascript代碼異步執(zhí)行的場(chǎng)景...
閱讀 3377·2021-11-22 09:34
閱讀 2881·2021-10-09 09:43
閱讀 1462·2021-09-24 09:47
閱讀 2210·2019-08-30 12:53
閱讀 1009·2019-08-29 14:00
閱讀 3370·2019-08-29 13:17
閱讀 2277·2019-08-28 18:00
閱讀 1295·2019-08-26 12:00