今天發現之前學的愛前端的課中JS部分函數等不全,果斷換了一個課——渡一的《Web前端開發JavaScript高薪課堂》接著學習,不過廢話有點多 1、條件語句 語法: 1、單if,條件成立,執行語句體 if (條件){ 語句體; } 2、if else,條件成立,執行if後的語句體,否則執行else的 ...
今天發現之前學的愛前端的課中JS部分函數等不全,果斷換了一個課——渡一的《Web前端開發JavaScript高薪課堂》接著學習,不過廢話有點多
1、條件語句
語法:
1、單if,條件成立,執行語句體
if (條件){
語句體;
}
2、if else,條件成立,執行if後的語句體,否則執行else的語句體
if (條件){
語句體;
}else {
語句體;
}
3、if else if,條件成立,執行if後的語句體,否則執行else 邊if的條件是否成立,如果成立執行if的語句體,最後如果有else,執行else後的語句體,否則結束
if (條件){
語句體;
}else if(){
語句體;
}
else {
語句體;
}
註意 {}後邊沒有分號
實例,輸入一個分數,看看能去哪家公司
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var score = parseInt(window.prompt("請輸入得分:")); // 90-100 alibaba //80-90 tencent //70-80 baidu //60-70 mogujie //<60 自己玩 if(score > 90 && score <=100) { document.write("alibaba"); } else if(score>80 && score <= 90){ document.write("tencent") } else if(score>70 && score <= 80){ document.write("baidu") } else if(score>60 && score <= 70){ document.write("mogujie") } else if(score<= 60){ document.write("for youself") } else { document.write("error") } </script> </body> </html>
if語句與&& 的轉換
下邊這兩句話是等價的
if(1<2){ document.write("if語句輸出"); }
1<2 && document.write("相當於if語句輸出");
迴圈語句
語法
for(var i = min;i < max; i++){
語句體;
}
min是起始值 max是結束值 ,i++是變數的變化方式
實例
列印10個a
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> for(var i = 0; i < 10; i++){ document.write("a"); } </script> </body> </html>
結果
for迴圈也可以這樣寫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var i = 0 for(; i < 10; ){ document.write("a"); i++; } </script> </body> </html>
輸出結果相同
等價與while迴圈
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>while迴圈</title> </head> <body> <script> var i = 0; while(i < 10){ document.write(i); i++; } </script> </body> </html>
結果
另外還有do while迴圈,不常用
人在中年,一事無成,瞎學