1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Js的使用</title> 6 </head> 7 <body> 8 <!--<input type="button" onclick="demo()" value="登录">--> 9 <input type="text" placeholder="请输入用户名" id="username"> 10 <input type="password" placeholder="请输入密码" id="passwd"> 11 <input type="button" onclick="login()" value="登录"> 12 <input type="button" onclick="test()" value="测试"> 13 <input type="button" value="匿名函数测试" id="i1"> 14 <input type="button" value="作用域" onclick="test_var()"> 15 16 17 <!--<script>--> 18 <!--function demo() {--> 19 <!--flag=confirm('确认要登录么?')--> 20 <!--console.log(flag)--> 21 <!--}--> 22 23 <!--</script>--> 24 <!--<script src="demo.js"></script>--> 25 26 27 <!--在js中要想验证值&类型全相等===,值相等==--> 28 29 <script> 30 function login() { 31 var username='dsx'; 32 var password='123456'; 33 var user=document.getElementById('username').value; 34 var passwd=document.getElementById('passwd').value; 35 // console.log('username-->'+user); 36 console.log('passwd-->'+passwd); 37 // 38 //// 条件判断 39 if(username==user && password==passwd){ 40 console.log('登录成功') 41 }else if(username != user){ 42 console.log('用户名错误!') 43 }else if(password !=passwd){ 44 console.log('密码错误!') 45 }else { 46 console('都错了') 47 } 48 49 } 50 51 52 function test() { 53 // var a=['中中','水水','促使','多立']; //声明数组 54 // var k=new Array(2,4,6,8);//第二种声明方式 55 56 // for (var i in a){ 57 // console.log(a[i]) 58 // } 59 // 60 // for (var i=0;i<a.length;i++){ 61 // console.log(a[i]) 62 // } 63 64 // var m={"name":"dd","age":"20"} 65 // for (var k in m){ 66 // console.log(k); 67 // console.log(m[k]) 68 // } 69 70 // 下方这种不能够循环字典 71 // for (var i=0;i<a.length;i++){ 72 // console.log(a[i]) 73 // } 74 75 // var s='测试字符串循环'; 76 // for (var i in s){ 77 // console.log(s[i]) 78 // } 79 80 // 81 // for (var i=0;i<s.length;i++){ 82 // console.log(s[i]) 83 // 84 // } 85 86 87 var s=document.getElementById('username').value; 88 89 switch (s) { 90 case 'dsx': 91 console.log('这是dsx'); 92 break; 93 case 'bb': 94 console.log('这是bb'); 95 break; 96 default: 97 console.log('............') 98 } 99 100 101 102 103 } 104 105 //// 匿名函数测试 106 // element=document.getElementById('i1'); 107 // element.onclick=function () { 108 // console.log('测试匿名函数') 109 // 110 // } 111 112 // function test_var() { 113 // var name='dsx'; 114 // console.log(name) 115 // } 116 // 117 // name = 'nhy'; 118 // age = 18; 119 // function test_var_1() { 120 // console.log(age); 121 // console.log(name) 122 // } 123 124 const age = 18; // 常量不能修改 125 126 </script> 127 </body> 128 </html>