星空网 > 软件开发 > Java

JavaScript基础知识2

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

承接上一篇

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

JavaScript基础知识2

时间转换:利用的是数据类型转换和取模。

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

JavaScript基础知识2

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

JavaScript基础知识2

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

 




原标题:JavaScript基础知识2

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

tiktok菲律宾网红:https://www.goluckyvip.com/tag/83813.html
tiktok本地小店:https://www.goluckyvip.com/tag/83814.html
tiktok成功出圈:https://www.goluckyvip.com/tag/83815.html
tiktok适合搬运的类目:https://www.goluckyvip.com/tag/83816.html
tiktok小店站点:https://www.goluckyvip.com/tag/83817.html
tiktok国际版不能关注:https://www.goluckyvip.com/tag/83818.html
37号文今后是否会更新?一文详解关键信息 :https://www.kjdsnews.com/a/1836441.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流