【JS学习】JS基础2_H5之家 - 中国HTML5教程资源分享第一站

JSON

【JS学习】JS基础2

字号+ 作者：H5之家来源：H5之家 2017-01-26 16:02 我要评论( )

一、运算符（1）算术：+加、-减、*乘、/除、%取余实例：隔行变色、秒转时间 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org

标签：als for onload load false doctype rip 输出情况

一、运算符

（1）算术：+加、-减、*乘、/除、%取余

实例：隔行变色、秒转时间

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>隔行变色</title>
<script>
window.onload = function ()
{
   var aLi=document.getElementsByTagName(‘li‘);

   for(var i=0;i<aLi.length;i++)
   {
       if(i%2==0)
       {
           aLi[i].style.background=‘#CCC‘;
           }
       else
       {
           aLi[i].style.background=‘‘;
           }
       }
   };

</script>

</head>

<body>

<ul>
   <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>秒转时间</title>
<script>
var s=156;

alert(parseInt(s/60)+‘分‘+s%60+‘秒‘);
</script>
</head>

<body>
</body>
</html>

（2）赋值：=、+=、-=、*=、/=、%=

比如

i=i+1;

i++;

i+=1;

i=i+3;

i+=3;

(3)关系：<、>、<=、>=、==、===、!=（不等）、!==

(4)逻辑：&&与，||或，！否

实例：全选与反选

（5）运算优先级：括号

二、程序流程控制

（1）判断：if,switch,?:

switch语法：

switch(变量)

{

　　case 值1:

　　　　　　语句1;

　　　　　　break;

　　case 值2:

　　　　　　语句2;

　　　　　　break;

　　......

　　default:

　　　　　　语句n;

}

?:语法——三元运算符/三目运算符

在if语法中

if(条件)

{

　　语句1；

}else

{

　　语句2；

}

相当于在?:语法中

条件?语句1:语句2

（2）循环：while,for

（3）跳出：break,continue

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>break和continue</title>
<script>
for(i=0;i<5;i++)
{
   if(i==2)
   {
       break;//循环中断
       }
   alert(i);
   }
</script>

</head>

<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>break和continue</title>
<script>
for(i=0;i<5;i++)
{
   if(i==2)
   {
       //break;//循环中断
       continue;//只是中断本次循环
       }
   alert(i);
   }
</script>

</head>

<body>
</body>
</html>

三、什么是真什么是假

真：true、非零数字、非空字符串、非空对象（比如document，数组）

假：false、数字零、空字符串、空对象(null)、undefined

四、Json

什么是Json：基于JavaScript的一个子集。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Json</title>
<script>
/*var a=12;
var b=5;
var c=‘abc‘;*/

var json={a:12, b:5, c:‘abc‘};

//alert(json.a);
json.b++;
alert(json.b);
</script>

</head>

<body>
</body>
</html>

（2）json和数组

循环：一般情况下数组用从0-length的循环语句

遇到json用for in

　

码迷 mamicode.com 互联网软件开发开源 as

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

相关文章

微信小程序学习

2017-01-26 08:00
python 学习（json）（转）

2017-01-14 16:00
AngularJs学习笔记（二）

2016-10-24 16:00
JsBin[使用教程]

2016-10-17 13:01

网友点评

精彩导读

脚本之家站内搜索

json字符串无法解析。。

给产品经理讲技术｜你真的了解JSON么？

（课程）搜索

JSON学习札记[自己的项目]

热门资讯

关注我们

关注微信公众号，了解最新精彩内容

j