今天,我对剩下的一些基础概念进行了了解,下面就是我的笔记和一些代码。与大家一起分享。
承接上一篇
5 运算符
算术:+加,-减,*乘,/除,%取模。(实例:隔行变色,秒转时间)
赋值:=, +=, -=, *=, /=, %=。
关系:<, >, <=,>=,==, ===, !=, !==。
逻辑:&&与,丨丨或,!否。
运算符优先级。
6 程序流程控制
判断:if,switch,?:
循环:while,for
跳出:break,continue(break是中断所有进程,continue是针对本次的进程中断)
什么是真,什么是假:(相对与计算机的判定)
真:true,非零数字,非空字符串,非空对象。
假:false,数字零,空字符串,空对象,undefined
7 Json
什么是Json-json是JavaScript 对象表示语法的子集,与数组有相似地方。
json和数组。
json和 for in。
数组循环用for 0-lenght
json循环用for in
代码内容:
隔行变色:利用的是取模与除法来完成。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>隔行变色</title>
<script>
window.onload=function() {
var l = document.getElementsByTagName("li");
for (var i = 0; i <= l.length; i++) {
if (i % 2 == 0) {
l[i].style.background = "#ccc"
}
else {
l[i].style.background = "white"
}
}
}
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
效果如下:
时间转换:利用的是数据类型转换和取模。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>秒转时间</title>
<script>
var l=300;
alert(parseInt(l/60)+"分"+(l%60)+"秒");
</script>
</head>
<body>
</body>
</html>
效果如下:
switch:是一种与判断语句相似的语法程序,输入条件,再对条件进行一一的判定。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>switch</title>
<script>
var name="D";
var sex="男";
switch (sex) {
case"男":
alert(name + "先生你好");
break;
case"女" :
alert(name + "女士你好");
break;
default :
alert(name + "你好");
}
</script>
</head>
<body>
</body>
</html>
效果如下:
。
希望大家可以通过程序进行更深的认识,一起进步。