• 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>
  • 相关阅读:
    步入大公司一年及三十而立的一些思考
    let和const
    简明学习webpack
    npm&&yarn和package.json
    基于jQuery.i18n.properties插件实现前端页面国际化
    Sequence Model
    系统性整理项目:第一篇(续篇)-osm存入PostgreSQL+PostGIS并构建路网表结构
    系统性整理项目:第一篇(环境+数据)
    window下源码编译mmcv-full==1.2.1
    多边形平滑算法-ChaikinSmoothing
  • 原文地址:https://www.cnblogs.com/jiadan/p/12116260.html
Copyright © 2020-2023  润新知