JavaScript 的使用基礎總結①
JavaScript 使用
JavaScript 是一種輕量級的編程語言，JavaScript 是可插入 HTML 頁面的編程代碼，JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。
HTML 中的腳本必須位於 <script> 與 </script> 標簽之間。腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
使用JS的三種方式
1.在html標簽中直接使用內嵌JS,並不提倡使用
不符合W3C內容與行為分離的要求。
2. 在HTML頁面中使用script標簽包裹JS代碼，
script標簽可以放到頁面的任何位置
3
JS語句
JavaScript If...Else 語句
- if 語句 - 只有當指定條件為 true 時，使用該語句來執行代碼
- if...else 語句 - 當條件為 true 時執行代碼，當條件為 false 時執行其他代碼
- if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行
- switch 語句 - 使用該語句來選擇多個代碼塊之一來執行
-
JavaScript Switch 語句
請使用 switch 語句來選擇要執行的多個代碼塊之一
工作原理：首先設置表達式 n（通常是一個變量）。隨後表達式的值會與結構中的每個 case 的值做比較。如果存在匹配，則與該 case 關聯的代碼塊會被執行。請使用 break 來阻止代碼自動地向下一個 case 運行。
switch(n)
{
case 1:
break;
case 2:
break;
default:
}
JavaScript For 循環
如果您希望一遍又一遍地運行相同的代碼，並且每次的值都不同，那麽使用循環是很方便的。
document.write(cars[0] + "<br>"); document.write(cars[1] + "<br>"); document.write(cars[2] + "<br>"); document.write(cars[3] + "<br>"); document.write(cars[4] + "<br>"); document.write(cars[5] + "<br>");
JavaScript While 循環
只要指定條件為 true，循環就可以一直執行代碼。
while 循環
While 循環會在指定條件為真時循環執行代碼塊。
語法
while (條件)
{
需要執行的代碼
}
JavaScript Break 和 Continue 語句
break 語句用於跳出循環。
continue 用於跳過循環中的一個叠代。
Break 語句
我們已經在本教程稍早的章節中見到過 break 語句。它用於跳出 switch() 語句。
break 語句可用於跳出循環。
break 語句跳出循環後，會繼續執行該循環之後的代碼（如果有的話）：
實例
for (i=0;i<10;i++)
{
if (i==3)
{
break;
}
x=x + "The number is " + i + "<br>";
}
JavaScript 變量
1.與代數一樣，JavaScript 變量可用於存放值（比如 x=2）和表達式（比如 z=x+y）。
變量可以使用短名稱（比如 x 和 y），也可以使用描述性更好的名稱（比如 age, sum, totalvolume）。
2.變量名的命名要求
①變量名只能用 字母 數字 下劃線組成。
②開頭不能是數字。
③變量名區分大小寫，大寫字母與小寫字母為不同變量。（純大寫字母一般用來表示常量）
3. 變量名的命名規範
①符合小駝峰法則（駝峰法則） 多個單詞組成是變量名，除第一個字母小寫，之後每個單詞首字母大寫。
myNameIsLi
②或者使用 匈牙利命名法 ，所有字母小寫，單詞之間用下劃線分隔 _ .
4. JS中的數據類型 （記住）
① Undefind 未賦值 ，已經使用var聲明的變量但是沒有賦值。
② Nall 表示空的引用
③ Boolean 布爾類型。表示真假 ture 、flase。
④Number 數值類型 ，可以是整數，可以是小數、
⑤String 字符串類型，用" " 或 ‘‘ 包裹
⑥Object 對象類型
JavaScript 數據類型
使用 var 關鍵詞來聲明變量：
var carname;
變量聲明之後，該變量是空的（它沒有值）。
如需向變量賦值，請使用等號：
carname="Volvo";
不過，您也可以在聲明變量時對其賦值：
var carname="Volvo";
JavaScript 變量還能保存其他數據類型，比如文本值 (name="Bill Gates")。
在 JavaScript 中，類似 "Bill Gates" 這樣一條文本被稱為字符串。
JavaScript 變量有很多種類型，但是現在，我們只關註數字和字符串。
當您向變量分配文本值時，應該用雙引號或單引號包圍這個值。
當您向變量賦的值是數值時，不要使用引號。如果您用引號包圍數值，該值會被作為文本來處理。
JavaScript 運算符
算術運算(單目運算符)
+ ， - ， * ， /（保留小數） ， % ， ++ 自增， --自減
+ 加法運算、連接字符串 ，除加號外其余符號會先嘗試將左右兩邊轉Number
[a++/ ++a的異同]、（--同理）
a=1 b= a++ +2 >>>b=3 a=2 先用a的值執行加法 ，再把a自加 。
c= ++a +2 >>>5 先執行a自增，再進行加法
賦值運算
= += -= *= /= %=
=： 賦值；
+=：a+=b ；相當於 a=a+b；
關系運算
== ， ！= ， > ， < ， >= ， <=
》關系運算符運算之後的結果是boolean類型 ture/flase。
》 判斷一個數字是否處於某個區間必須用 && 鏈接。
== 等於 ，類型相同直接判斷 ，類型不同時會嘗試將兩邊轉為Number再判斷。
！= 不等於
=== 嚴格等於 數值類型都必須相同，類型不同結果為false，類型相同再進行下一步判斷。
！== 不嚴格等於
條件運算符(多目運算)
a>b?true:false
有兩個重要符號 ？和：
當問號前面的部分結果為ture 執行：前面的代碼，flase 執行：後面的代碼，：兩邊可以為數值，則整個式子可用於賦值。冒號兩邊為代碼塊，將直接執行代碼。
多目運算可以多層嵌套
位運算符、 邏輯運算符
&&、||、！
運算符的優先級
()
! ++ --
* / %
+ -
> < >= <=
== !=
&& 與或同時存在時與比或高
||
= += *= /= 最低的是各種賦值
JavaScript 的使用基礎總結①