一、行內式

與CSS的行內式基本相同

• 在標籤中，通過script標籤來定義JavaScript程式碼
• 但是在實際操作時，一般通過定義事件來定義JavaScript程式程式碼
• 行內式在專案中一般不會用到，作為了解

1 <div onclick="window.alert('我是點選彈出的內容')">你點我試試</div>

特殊的標籤：a標籤

• 在a標籤中有href屬性可以定義標籤的跳轉物件
• 如果定義JavaScript程式，有可能會受到超連結跳轉的影響，執行JavaScript程式碼有誤
• 超連結要寫行內式，定義在href屬性中
  • 在href屬性中定義JavaScript: ;
  • 在冒號和分號之間寫JavaScript程式碼
  • 此時就不能實現頁面跳轉了，如果需要實現頁面跳轉，需要通過BOM操作來實現
  • JavaScript: ;不區分大小寫，只是習慣性的把J和S大寫，因為JavaScript是href的屬性值，會被理解為html程式的一部分，而html程式碼是不區分大小寫的
  • window.alert()是要嚴格區分大小寫的，雖然當前也被視為href的屬性，但本質是一個js程式，而js程式是嚴格區分大小寫的

1 <a href="jAvAscRipT: window.alert('我是定義的js程式彈出內容') ;" >我是標準的超連結行內式</a>
 

• a標籤href屬性寫JavaScript:;不會跳轉，之前寫#會根據id跳轉到相應位置

二、內部式

• 定義script標籤 , 在script標籤中，來定義JavaScript程式程式碼
• 理論上script標籤, 可以定義在html檔案的任意位置
• 推薦的位置是 body 標籤的最下方，原因是，程式碼的執行順序是從上至下，從左至右

1 // 通過 JavaScript 程式碼,來操作div標籤的內容和樣式
2 // 你必須要確保,執行JavaScript程式碼時,div標籤是已經存在的
3 const oDiv = document.querySelector('div');
4 oDiv.onclick = function
 
(){
5   this.innerHTML = '北京今天特別熱';
6   this.style.color = 'red';
7 }

三、外部式

• 通過script標籤引入外部js檔案，並且script標籤一般放在body標籤內容的最下方
• 帶有src屬性的script標籤，只會執行外部樣式，標籤內的JavaScript程式碼是無效的

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

四、JavaScript程式碼的註釋

形式一：單行註釋

1 // 註釋內容

形式二：多行註釋

1 /* 
2     註釋內容 
3 */

形式三：多行註釋

1 /**
2  * 註釋內容
3  */

快捷鍵：ctrl+/