js

  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>