js 變數 運算子 迴圈
JavaScript 用法
HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。
指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<script> 標籤
如需在 HTML 頁面中插入 JavaScript，請使用 <script> 標籤。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。
<script> 和 </script> 之間的程式碼行包含了 JavaScript:
JavaScript 輸出
JavaScript 沒有任何列印或者輸出的函式。
JavaScript 顯示資料
JavaScript 可以通過不同的方式來輸出資料：
使用 window.alert() 彈出警告框。
使用 document.write() 方法將內容寫到 HTML 文件中。
使用 innerHTML 寫入到 HTML 元素。
使用 console.log() 寫入到瀏覽器的控制檯。
操作 HTML 元素
如需從 JavaScript 訪問某個 HTML 元素，可以使用 document.getElementById(id) 方法。
使用 "id" 屬性來標識 HTML 元素，並 innerHTML 來獲取或插入
<!DOCTYPE html>
<html>
<body>
<h1>我的第一個 Web 頁面</h1>
<p id="demo">我的第一個段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
</body>
</html>
document.getElementById("demo") 是使用 id 屬性來查詢 HTML 元素的 JavaScript 程式碼 。
innerHTML = "段落已修改。" 是用於修改元素的 HTML 內容(innerHTML)的 JavaScript 程式碼。
innerHTML = "段落已修改。" 是用於修改元素的 HTML 內容(innerHTML)的 JavaScript 程式碼。
如果在文件已完成載入後執行 document.write，整個 HTML 頁面將被覆蓋。
可以使用 console.log() 方法在瀏覽器中顯示 JavaScript 值。
瀏覽器中使用 F12 來啟用除錯模式， 在除錯視窗中點選 "Console" 選單。
分號 ;
分號用於分隔 JavaScript 語句。
通常在每條可執行的語句結尾新增分號。
使用分號的另一用處是在一行中編寫多條語句。
JavaScript 程式碼塊
JavaScript 可以分批地組合起來。
程式碼塊以左花括號開始，以右花括號結束。
程式碼塊的作用是一併地執行語句序列。
JavaScript 語句識別符號
JavaScript 語句通常以一個 語句識別符號 為開始，並執行該語句。
語句識別符號是保留關鍵字不能作為變數名使用。
break 用於跳出迴圈。
catch 語句塊，在 try 語句塊執行出錯時執行 catch 語句塊。
continue 跳過迴圈中的一個迭代。
do ... while 執行一個語句塊，在條件語句為 true 時繼續執行該語句塊。
for 在條件語句為 true 時，可以將程式碼塊執行指定的次數。
for ... in 用於遍歷陣列或者物件的屬性（對陣列或者物件的屬性進行迴圈操作）。
function 定義一個函式
if ... else 用於基於不同的條件來執行不同的動作。
return 退出函式
switch 用於基於不同的條件來執行不同的動作。
throw 丟擲（生成）錯誤 。
try 實現錯誤處理，與 catch 一同使用。
var 宣告一個變數。
while 當條件語句為 true 時，執行語句塊。
單行註釋以 // 開頭。
多行註釋以 /* 開始，以 */ 結尾。
變數是用於儲存資訊的"容器"。
變數必須以字母開頭
變數也能以 $ 和 _ 符號開頭
變數名稱對大小寫敏感（y 和 Y 是不同的變數）
在 JavaScript 中建立變數通常稱為"宣告"變數。
使用 var 關鍵詞來宣告變數
可以在一條語句中宣告很多變數。該語句以 var 開頭，並使用逗號分隔變數
宣告也可橫跨多行
一條語句中宣告的多個變數不可以同時賦同一個值
無值的變數是undefined
重新宣告 JavaScript 變數，該變數的值不會丟失
JavaScript 物件
物件由花括號分隔。在括號內部，物件的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔
Undefined 這個值表示變數不含有值。
可以通過將變數的值設定為 null 來清空變數
宣告新變數時，可以使用關鍵詞 "new" 來宣告其型別
JavaScript 物件是變數的容器
物件方法
物件的方法定義了一個函式，並作為物件的屬性儲存。
物件方法通過新增 () 呼叫 (作為一個函式)
JavaScript 函式
函式是由事件驅動的或者當它被呼叫時執行的可重複使用的程式碼塊
JavaScript 函式語法
函式就是包裹在花括號中的程式碼塊，前面使用了關鍵詞 function：
當呼叫該函式時，會執行函式內的程式碼。
可以在某事件發生時直接呼叫函式（比如當用戶點選按鈕時），並且可由 JavaScript 在任何位置進行呼叫
JavaScript 對大小寫敏感。關鍵詞 function 必須是小寫的，並且必須以與函式名稱相同的大小寫來呼叫函式。
帶有返回值的函式
希望函式將值返回呼叫它的地方。
通過使用 return 語句就可以實現。
在使用 return 語句時，函式會停止執行，並返回指定的值
整個 JavaScript 並不會停止執行，僅僅是函式
區域性 JavaScript 變數
在 JavaScript 函式內部宣告的變數（使用 var）是區域性變數，所以只能在函式內部訪問它。（該變數的作用域是區域性的）
可以在不同的函式中使用名稱相同的區域性變數，因為只有宣告過該變數的函式才能識別出該變數
只要函式執行完畢，本地變數就會被刪除
全域性 JavaScript 變數
在函式外宣告的變數是全域性變數，網頁上的所有指令碼和函式都能訪問它
JavaScript 變數的生存期
JavaScript 變數的生命期從它們被宣告的時間開始。
區域性變數會在函式執行以後被刪除
全域性變數會在頁面關閉後被刪除
向未宣告的 JavaScript 變數分配值
如果您把值賦給尚未宣告的變數，該變數將被自動作為 window 的一個屬性
+ 加法
- 減法
* 乘法
/ 除法
% 取模（餘數）
++ 自增
-- 自減
用於字串的 + 運算子
+ 運算子用於把文字值或字串變數加起來（連線起來）
要想在兩個字串之間增加空格，需要把空格插入一個字串之中
對字串和數字進行加法運算
兩個數字相加，返回數字相加的和，如果數字與字串相加，返回字串
比較運算子
比較運算子在邏輯語句中使用，以測定變數或值是否相等
x=5
邏輯運算子
邏輯運算子用於測定變數或值之間的邏輯
if 語句 - 只有當指定條件為 true 時，使用該語句來執行程式碼
if...else 語句 - 當條件為 true 時執行程式碼，當條件為 false 時執行其他程式碼
if...else if....else 語句- 使用該語句來選擇多個程式碼塊之一來執行
switch 語句 - 使用該語句來選擇多個程式碼塊之一來執行
JavaScript 支援不同型別的迴圈：
for - 迴圈程式碼塊一定的次數
for/in - 迴圈遍歷物件的屬性
while - 當指定的條件為 true 時迴圈指定的程式碼塊
do/while - 同樣當指定的條件為 true 時迴圈指定的程式碼塊
break 語句可用於跳出迴圈
break 語句跳出迴圈後，會繼續執行該迴圈之後的程式碼
continue 語句中斷迴圈中的迭代，如果出現了指定的條件，然後繼續迴圈中的下一個迭代。
continue 語句（帶有或不帶標籤引用）只能用在迴圈中
break 語句（不帶標籤引用），只能用在迴圈或 switch 中
通過標籤引用，break 語句可用於跳出任何 JavaScript 程式碼塊