首页 > 代码库 > 02.JavaScript基础下

02.JavaScript基础下

运算符

 

算术:+ 加、- 减、* 乘、/ 除、% 取模 实例:隔行变色、秒转时间
赋值:=、+=、-=、*=、/=、%=
关系:<、>、<=、>=、==、===、!=(不等)、!==
逻辑:&& 与(并且)、|| 或者、! 否    实例:全选与反选
运算符优先级:括号

 

 

算术:+ 加、- 减、* 乘、/ 除、% 取模(取余数)
alert(12%5) 弹出2  取余数
隔行变色(取模)

技术分享
<script>window.onload=function (){    var aLi=document.getElementsByTagName(‘li‘);        for(var i=0;i<aLi.length;i++)    {        //i 0 1 2 3 4 5 6....        if(i%2==0)        {            //0 2 4 6 8 10            aLi[i].style.background=‘#CCC‘;        }        else        {            //1 3 5 7 9            aLi[i].style.background=‘‘;        }    }};</script><ul>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li></ul>
View Code

 

分秒计算

技术分享
<script>var s=1345;alert(parseInt(s/60)+‘分‘+s%60+‘秒‘);</script>
View Code

 赋值:=、+=、-=、*=、/=、%=

i=i+1
i+=1
i++ 都是自增 但是++每次只能加1个

i=i+3
i+=3  每次加3个

关系:<、>、<=、>=、==、===、!=(不等)、!== 

逻辑:&& 与(并且)、|| 或者、! 否    实例:全选与反选
!取反

alert(true); 弹出的是true
alert(!true); 弹出的是false
alert(!!true); 弹出的是true

程序流程控制

 

判断:if、switch、?三木运算:
循环:while、for
跳出:break打破终端、continue 继续 
什么是真、什么是假:
真:true、非零数字、非空字符串 例如(‘ ‘)有空格、非空对象                总结:有东西的都是真的
假:false、数字零0、空字符串例如(‘‘)、空对象null、undefined       总结:没有东西都是假的

 

 

if(条件){语句1}else{语句2}
if(条件1){语句1}else if(条件2){语句2}else if(条件3){语句3}......else{语句n} 可以有无数个else if{},但是只有一个else{}

switch(变量)
{
case 值1:
语句1
break;
case 值2:
语句2
break;
......
default:
语句n
}

技术分享
<script>var name=‘blue‘;var sex=‘‘;switch(sex){    case ‘男‘:        alert(name+‘先生,你好‘);        break;    case ‘女‘:        alert(name+‘女士,你好‘);        break;    default:        alert(name+‘你好‘);}</script>
View Code

三目运算符
条件?语句1:语句2 等同于if(条件){语句1}else{语句2}

技术分享
<script>var a=14;/*if(a%2==0){    alert(‘双数‘);}else{    alert(‘单数‘);}*/a%2==0?alert(‘双数‘):alert(‘单数‘);</script>
View Code

break 中断
continue 继续

技术分享
<script>for(var i=0;i<5;i++){if(i==2){//break;    //整个循环中断了      只弹出0 1后面的都终端了continue;    //本次循环中断了     只弹出0 1 3 4 只有本次的那个跳掉了}alert(i);}</script>
View Code

 

什么是Json

json格式   json={名字:值,名字:值,名字:值}

技术分享
<script>/*var a=12;var b=5;var c=‘abc‘;*/var json={a: 12, b: 5, c: ‘abc‘};json.b++;alert(json.b);</script>
View Code

json和数组的区别

var json={a: 12, b: 5, c: 7};
var arr=[12, 5, 7];

alert(json.a)   //等同于 alert(json[‘a‘]);
alert(arr[0]);

比较二者的区别
alert(json[‘a‘]);.
alert(arr[0]);
  json的下标是字符串 数组的下标是数字
alert(arr.length);   得到是3
alert(json.length); 得到是undefined 没有长度

数组循环
数组第一种循环
for(var i=0;i<arr.length;i++)
{
alert(‘第‘+i+‘个东西:‘+arr[i]);
}

数组第二种循环
for(var i in arr)
{
alert(‘第‘+i+‘个东西:‘+arr[i]);
}
Json循环

for(var i in json)
{
alert(‘第‘+i+‘个东西:‘+json[i]);
}

数组和json的循环 数组有两种循环 json只有一种循环

 

 

 

 



02.JavaScript基础下