iT邦幫忙

2021 iThome 鐵人賽

DAY 29
0
自我挑戰組

從零開始前端學習(HTML、CSS、JavaScript) 系列 第 29

Day 29 JavaScript < 書寫方式>

JavaScript書寫方式與CSS相似,分為行內書寫,內嵌書寫以及外部書寫

1.行內書寫
<input type="button" value="點我試試" onclick="alert('hello')">
  • 行內書寫可以將單行或少量JS代碼寫在HTML標籤事件屬性中(以on開頭的屬性)
    EX : onclick
  • 注意單雙引號的使用,在HTML中推薦使用雙引號,JS中推薦使用單引號。
  • 可讀性差,在html中編寫大量JS代碼時,容易導致不方便閱讀
  • 引號容易錯誤,引號多層嵌套匹配時,非常容易用錯
  • 特殊情況下才會使用行內式寫法
2.內嵌書寫

使用<script> </script>進行書寫

<script>
        alert('JS內嵌書寫範例'>
  </script>
3.外部引入
<script src="my.js">  //my.js為JavaScript檔案

</script>

上一篇
Day 28 JavaScript < 簡單介紹>
下一篇
Day 30 JavaScript < 簡易數據類型介紹 & End>
系列文
從零開始前端學習(HTML、CSS、JavaScript) 30

尚未有邦友留言

立即登入留言