zoukankan      html  css  js  c++  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>
    效果如下:

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

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

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

    
    
    
    
    
  • 相关阅读:
    jstl标签的fmt:formatDate格式化日期 String to Date
    Spring MVC使用ModelAndView进行重定向
    配置SpringAop时需要用到的AspectJ表达式
    深入分析Java Web中的编码问题
    第六十五条:不要忽略异常
    第六十四条:努力使失败保持原子性
    第六十三条:在细节消息中包含能捕获失败的信息
    第六十二条:每个方法抛出的异常都要有文档
    第六十一条:抛出与抽象相对应的异常
    第六十条:优先使用标准的异常
  • 原文地址:https://www.cnblogs.com/799875530qq/p/5409954.html
Copyright © 2011-2022 走看看