博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JavaScript基础知识2

Posted on 2016-04-19 20:24  DD狗  阅读(244)  评论(1编辑  收藏  举报

今天,我对剩下的一些基础概念进行了了解,下面就是我的笔记和一些代码。与大家一起分享。  

承接上一篇

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>
效果如下:

希望大家可以通过程序进行更深的认识,一起进步。