1.<script src="example.js"></script>
基本用法鞋囊,無(wú)async或defer屬性隅居,瀏覽器會(huì)立即加載并執(zhí)行相應(yīng)的腳本。也就是說(shuō)在渲染script標(biāo)簽之后的文檔之前葛虐,不等待后續(xù)加載的文檔元素胎源,讀到就開(kāi)始加載和執(zhí)行,這樣會(huì)阻塞后續(xù)文檔的加載屿脐;
2.<script async src="example.js"></script>
加上async屬性涕蚤,表示后續(xù)文檔的加載+渲染與js腳本的加載+執(zhí)行是并行進(jìn)行的,即異步執(zhí)行的诵;
3.<script defer src="example.js"></script>
加上defer屬性万栅,加載后續(xù)文檔的過(guò)程和js腳本的加載(此時(shí)僅加載不執(zhí)行)是并行進(jìn)行的(異步),js腳本的執(zhí)行需要等到文檔所有元素解析完成之后西疤,DOMContentLoaded事件觸發(fā)執(zhí)行之前烦粒。
兼容性: