12.2總結
1.???? 框
alert( “ ”)? 彈框（警告框） 有一個按鈕（確定）
confirm(“ ” )? 確認框?????? 有兩個按鈕（確定；取消）
prompt (“ ” )? 輸入框???? 可以設置默認值，用逗號隔開eg.prompt(“請輸入你的年齡”,18)
?註意：如果是變量的話，不需要寫””
例如：var num=prompt(“請輸入你的年齡”，18)???? //賦值
? ? ? ? ? ?alert(num)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //輸出值
?
2.???? 輸出
document. write(“ ” )
console.log(“ ”)? ? ? ? ?在調試平臺，在頁面中看不到，常用於調試
?
3.???? 數據類型
字符串（String）???????? ?var ?x = ”5”;
數字(Number)???????????? var ?x = 5;
布爾(Boolean)???????????? var ?x=true;?????? var? y=false;
數組(Array)??????????????
定義方式
①??? var? star=[“BTS”,”EXO”,”WANNAONE”];
②??? var? star=new Array( );
case[0]=”BTS”;
case[1]=”EXO”;
case[2]=”WAANAONE”;
③??? var? star=new Array(“BTS”,”EXO”,”WANNAONE” );
?????? 調用方式
???????? star[0]
對象(Object)?????????? var ?x={name:”value”, name:”value”}
例：var? person={name:”Roy”,
?????????? ?????age:”17”}
對對象的屬性的尋址方式
①??? name=person.lastname;
②??? name=person["lastname"];
空（Null）? ? ? ? ? ? ? ? ? ? ? 用來清空變量
未定義（Undefined）???? 表示不含有值
?
typeof()?? 檢測數據類型
註意：復雜對象調用方式
?????? var ?member=[{name:jin,age:25},
{name:suga,age:24},
{name:rm,age:23}]
?????? member[1].name
?
4.???? 運算符
算術運算符：
加+?? 減-?? 乘*??? 除 /?? ?取余數%?? 自增++? ??自減--
a++? ?a=a+1
a--?? ?a=a-1
a++ 先賦值後自加
++a 先自加，後賦值
?
?
賦值運算符：
=????? ??x=y?? ??x=y
+=? ?????x+=y? ??x=x+y
-=? ?????x-=y??? x=x-y
*=?? ????x*=y??? x=x*y
/=? ?????x/=y??? x=x/y
%=?? ????x%=y?? ?x=x%y
?
+號：? ?連接功能
數據相加
txt1="Hello";
txt2="world";
txt3=txt1+txt2;
text運行結果：Helloworld
?
比較運算符
==? 等於
=== 絕對等於?? （值和類型都相等）
！= 不等於
！== 絕對不等於 （值或類型不相等）
>? 大於
<? 小於
>= 大於等於
<=? 小於等於
比較運算符結果為布爾值（true/false）
?
?
邏輯運算符
與 &&
或 ||
非 !
?
?
條件運算符（三目運算符）
?
語法：? （條件）?"條件成立時輸出的值":"條件不成立時輸出的值"
? ? ? ? ? ? jieguo=(age<18)?"年齡太小":"年齡已達到";?
?
5.???? 函數
function name(){}
?
帶參函數
function name(a,b){}
聲明函數時，把參數當變量
例：
<button onclick="hello(‘Harry Potter‘,‘Wizard‘)">Try it</button>
<button onclick="hello(‘Bob‘,‘Builder‘)">Try it</button>
<script>
? function hello(name,job){
? alert("Welcome " +?name?+ ", the " +?job);
? }
</script>
運算結果：Welcome Harry Potter, the Wizard
????????? Welcome Bob, the Builder
?
帶有返回值的函數
return 值
用 return時，函數會停止執行，並返回指定的值。
需要退出函數時 ，也可用 return
例如：function add(a,b){
????? ???if(a<b){
???????????? return
?????????????? }
??????? x=a-b;
}???? 當a小於b時就退出函數，不計算a和b差值
?
6.函數調用
onmouseover?? 鼠標移上去時觸發
onmouseout??? 鼠標離開時觸發
onmousedown ??鼠標按下
onmouseup?? ??鼠標松開
onchange? ????表單內容發生改變時觸發
onfocus? ?????獲取焦點
onblur?? ?????失去焦點
例：
<button onclick="show()">點擊</button>
<script>
?function show(){
? alert(“這是一個函數”)
}
<script>
?
?
7.變量作用域
局部變量 ：只在函數內部起作用，在函數執行結束後，自動消毀
全局變量： 整個頁面中起作用，在頁面關閉後消毀
如果在函數內部定義變量時，沒有寫初始化var ，則視為全局變量
?
8.獲取值
獲取值的方式有三個：
獲取節點內部的內容（包含子標簽）? innerHTML
獲取節點內部純文本??????? ????????innerText
獲取表單元素中的值??? ????????????value
?
?
9.找節點：
用id找?? ??document.getElementById("id名")
用標簽找?? ?document.getElementsByTagName("標簽名")
用class找? document.getElementsByClassName("class名")
?
?
10.if條件語句
if(){}
else{}
例：var money=prompt("請輸入您的年收入",10);
??? if(money>=10){
??????? document.write("你可以買汽車了");
??? }else if(money>=5){
??????? document.write("你可以買電動車了");
??? }else if(money>=2){
??????? document.write("你可以買自行車了");
??? }else{
??????? document.write("你只能坐11路了")
??? }
?
11.switch 條件語句
var day=parseInt(prompt("請輸入星期",0));
?? switch (day){
?????? case 1:
?????????? document.write("今天是周一");
?????????? break;
?????? case 2:
?????????? document.write("今天是周二");
?????????? break;
?????? case 3:
?????????? document.write("今天是周三");
?????????? break;
?????? case 4:
?????????? document.write("今天是周四");
?????????? break;
?????? case 5:
?????????? document.write("今天是周五");
?????????? break;
?????? case 6:
?????????? document.write("今天是周六");
?????????? break;
?????? case 0:
?????????? document.write("今天是周日");
?????????? break;
?????? default :
?????????? document.write("請輸入正確的星期");
??????? ???break;
?? }
註：parseInt() ???強制轉換為整數類型
break;??????? 程序從當前位置跳出
new Date()??? 獲取當前系統日期
.getDay()???? 獲取星期
?
12.for循環語句
for(條件1；條件2；條件3){}?
var car=["BMW","BYD","大眾","福特"];
??? for(var i=0;i<car.length;i++){
??????? document.write(car[i]+"<br>")
}
運算結果：BMW
????? ? ? ? ? ? ? BYD
????? ? ? ? ? ? ?大眾
????? ? ? ? ? ? ?福特
?
?
13.while&do while
while ???先判斷後執行語句，
do while 先執行一次，再判斷
當條件不成立時，while語句停止循環，do? while 至少會運行一遍程序
continue? 退出當前一輪循環
break? 直接跳出循環
12.2總結