javascript在html中的使用

在html中使用javascript的幾種方法:

直接放在html中

<script>
      console.log('hello world');
</script>

引入外部文件

 <script src="script.js"> </script>

從實(shí)用角度來說把所有腳本都丟到 </body>之前是最佳實(shí)踐,沒有 defer 或 async,瀏覽器會(huì)立即加載并執(zhí)行指定的腳本,“立即”指的是在渲染該 script 標(biāo)簽之下的文檔元素之前,也就是說不等待后續(xù)載入的文檔元素,讀到就加載并執(zhí)行。

延遲腳本
<script defer src="myscript.js"></script> //html4.01中定義的defer

有 defer,加載后續(xù)文檔元素的過程將和 script.js的加載并行進(jìn)行(異步),但是 script.js的執(zhí)行要在所有元素解析完成之后,DOMContentLoaded事件觸發(fā)之前完成。

異步腳本:
<script async src="script.js"></script>

有 async,加載和渲染后續(xù)文檔元素的過程將和 script.js的加載與執(zhí)行并行進(jìn)行(異步)。async,只適用外部腳本文件,但并不保證其先后順序

<noscript>元素: 在瀏覽器不支持,或者禁用了script的時(shí)候顯示
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本文總結(jié)一下瀏覽器在 javascript 的加載方式。關(guān)鍵詞:異步加載(async loading),延遲加載(...
    4ea0af17fd67閱讀 1,116評論 0 2
  • 首先我們先來看一下Script標(biāo)簽的各項(xiàng)屬性: script標(biāo)簽也支持HTML中的全局屬性: 下面我們來看看一看j...
    tobAlier閱讀 1,277評論 0 2
  • 深圳鹽田 小龍女 2017.10.13 上午9:27 百問 為什么姐姐對我那么好呢?還給我買洗發(fā)水? 我越來越清晰...
    龍之蹊閱讀 268評論 0 1
  • 在職場上,為什么同樣努力的兩個(gè)人,工作環(huán)境、干的活等都類似,一個(gè)成長的很快,另一個(gè)卻成長的很慢呢? 回顧自己這幾年...
    這個(gè)饅頭有餡閱讀 2,026評論 1 7
  • 文/潘燕平 一見鐘情,我愛上了這所美麗,優(yōu)雅,特別的大學(xué)。我的夢將從新出發(fā),從這里開始! ——題記 時(shí)光荏苒,光陰...
    俊傑閱讀 506評論 0 2

友情鏈接更多精彩內(nèi)容