<!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>