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

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

    
    
    
    
    
  • 相关阅读:
    python调用c++动态库报错
    Python自动化测试常用库整理
    Linux kswapd0 进程CPU占用过高快速处理方法
    Linux安装jdk8及环境变量配置
    免费的网站安全检查和恶意软件扫描程序
    【Java】对象的创建、初始化和使用
    【Java】数组的创建、遍历和复制
    【Java】Java 语言中流程控制语句(分支语句、循环语句、转移语句)的一些新特性
    【Java】Java 语言中操作符的一些新特性
    【Java】常量与变量(局部变量、成员变量)
  • 原文地址:https://www.cnblogs.com/799875530qq/p/5409954.html
Copyright © 2011-2022 走看看