Day 29 JavaScript < 書寫方式> - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 29

0

自我挑戰組

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

Day 29 JavaScript < 書寫方式>

13th鐵人賽 javascript 學習筆記前端新手村菜鳥前端

2021-10-09 01:42:50

811 瀏覽

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 篇

目錄

RSS系列文訂閱系列文

1 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙