<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //匿名函數直接自己調用自己，去避免引入全局變量 (function(){ var num = 333 console.log(333) })() </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var list = ['蘋果','雪梨','香蕉','葡萄'] for(var i = 0;i<list.length;i++){ //i是偶數的時候不輸出 if(i%2==0) // { //跳出當次循環 // 'continue ' // //跳出整個循環 // break // } document.write(list[i]) } </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> // while(條件判斷){ // 為真執行這個循環 // } // while(true){ // console.log(1) // } var fruit = ['蘋果','雪梨','香蕉'] var num = 0; while(num<3){ console.log(fruit[num]) num++ } //實際for循環是while高級實現，while循環的性能是最高的。 </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>xx用戶</h1> <script type="text/javascript"> var username = 'admin' var passwd = '12345' var uservip = false // if(條件判斷){ // 為真的時候執行 // }else{ // 為假的時候執行 // } // if(條件判斷){ // 為真的時候執行 // }else if(條件判斷){ // 第二次條件判斷為真的時候執行 // }else{ // 第二次條件判斷為假的時候執行 // } // if(username=='admin'&&passwd=='123456'){ // console.log('登錄成功') // document.write('登錄成功') // }else{ // document.write('登錄失敗') // } if(username=='admin'&&passwd=='123456'){ console.log('登錄成功') document.write('登錄成功') }else if(username=='admin'){ document.write('登錄失敗，密碼錯誤') }else{ document.write('此用戶名尚未注冊') } if(uservip){ document.querySelector('h1').style.color = 'orangered' } </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--<h1>新聞列表</h1> <ul> </ul> --> <script type="text/javascript"> // var list = ['怎么對付美國？','這些國家准備悄悄開個會商量一下','悄悄開個會商量一下'] // var ul = document.querySelector('ul') // // for(var i=0;i<list.length;i++){ // var templi = document.createElement('li') // templi.innerHTML = list[i] // ul.appendChild(templi) // } var fruit = ['蘋果','雪梨','香蕉'] console.log(fruit[0]) //for(聲明一個變量;循環滿足的條件判斷;每一次循環之后要執行的語句){循環執行的內容} // for(var i=0;i<3;i++){ // console.log(fruit[i]) // } // // </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>helloworld</h1> <script type="text/javascript"> var choose = 'a' //prompt是調用瀏覽器的一個輸入彈框，將你寫的內容賦值給choose變量 choose = prompt('請填寫你的答案') console.log(choose) //多條件的匹配方式 switch(choose){ case 'a': document.write('你選的答案是a') break; case 'b': document.write('你選的答案是b') break; case 'c': document.write('你選的答案是c') break; case 'd': document.write('你選的答案是d') break default: document.write('沒有你的選項') } </script> </body> </html>