JavaScript
Posted beautyl
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript相关的知识，希望对你有一定的参考价值。
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的主要内容，如果未能解决你的问题，请参考以下文章