码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript

时间:2020-02-18 18:33:52      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:通过   fir   test   console   def   文件   default   tle   flag   

 1 <body>
 2 <input type="button" value="登录" onclick="demo()">
 3 <!--type=button  value=登录 需要主动绑定事件-->
 4 <script>
    //script用来写js代码或者引入.js文件
5 // javascript代码 6 function demo() { 7 // javascript中定义一个函数 8 console.log(112); 9 // 在检查->控制台打印内容,相当于print 10 alert(提示框); 11 // 提示框 12 flag=confirm(确定要登录吗?); 13 // 确认框,有确定和取消两个选项 14 console.log(flag); 15 } 16 </script> 17 </body>

js代码可以写的位置及性能

1 <head>
2     <meta charset="UTF-8">
3     <title>Title</title>
4     <script src="test.js"></script>
5 <!--    导入Js代码-->
6 <!--    js代码可以加在head中也可以在body中的任意位置,在body中用户体验较好-->
7 </head>

获取input标签中输入的内容

1  var user=document.getElementById(‘i1‘).value;
2  // 获取input框中的内容,先通过id获取到该input标签,再获取value的值

字符串拼接

1         console.log(‘用户名‘+user);
2         // 字符串拼接

if 判断

 1  if (user!=username){
 2             console.log(‘用户名错误‘)
 3         }
 4  else if(pwd!=password){
 5             alert(‘密码错误‘)
 6         }
 7  else(user==username && pwd==password)
 8         {
 9             console.log(‘登录成功‘)
10         }

声明数组

1 var l=[‘a‘,‘b‘,‘c‘]

for循环

列表循环

第一种

1  var l=[‘a‘,‘b‘,‘c‘]
2         for (var i in l){
3             console.log(i)
4             // 打印的i为数组的下标
5             console.log(l[i])
6             // 取数组中元素的值
7         }

第二种

1 for(var i=0;i<l.length;i++){
2             console.log(l[i])
3             // 此处的i是数字
4         }

字典循环

1 var d={‘name‘:‘lml‘,‘age‘:18}
2         for (var k in d){
3             // k为字典中的key
4             console.log(k)
5             console.log(d[k])
6         }

字符串循环

两种方式

1 var s=‘循环字符串‘;
2         for (var i in s){
3             console.log(s[i])
4         }
5         for (var i=0;i<s.length;i++){
6             console.log(s[i])
7         }

switch用法

 var name=document.getElementById(‘i1‘).value

1
switch(name){ 2 case ‘lml‘: 3 console.log(‘这是lml‘); 4 break; 5 case ‘gxy‘: 6 console.log(‘这是gxy‘); 7 break; 8 default: 9 console.log(‘这谁也不是‘); 10 }

 

JavaScript

标签:通过   fir   test   console   def   文件   default   tle   flag   

原文地址:https://www.cnblogs.com/beautyl/p/12327070.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!