web前端学习(四)JavaScript学习笔记部分(2)-- JavaScript语法详解

2.1、Javascript语法-运算符(1)

  复数运算符  

    %取余

    ++

    --

  赋值运算符

    +=

    -=

    *=

    /=

    %=

  字符串操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script>
    var i = 5;
    var j = "5";
    var m = i + j;
    document.write(m);
    /*这里的m是55,因为任何类型与字符串相加结果都会是字符串*/
</script>
</body>
</html>

  比较运算符

    ==、===、!=、!==、>、<、<=、>=

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = "10";
    var j = "10";
    var k = 10;
    var l = 10;

    document.write(i==k);//true
    document.write(i===k);//false
    document.write(i===j);//true

    // 双等号只要值相等就可以,而三等号需要类型也相同。
    
</script>
</body>
</html>

  逻辑运算符

    &&、||、!(非)(非的三等号和双等号的区别是相同的)

  条件运算符

    三目运算符:  x<10?

    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = 9;
    document.write(i>10?"i大于10":"i小于10");

    i>10?document.write("111"):document.write("222");

    i<10?document.write("111"):document.write("222")
    /*条件语句还可以这样用呢,666*/
    /*条件语句写不写分号都可以,舒服啊*/
</script>
</body>
</html>

2.2、Javascript语法-运算符(2)

  

2.3、Javascript语法-条件语句if...else

2.4、Javascript语法-条件语句switch

2.5、Javascript语法-循环语句for循环

2.6、Javascript语法-循环语句while循环

猜你喜欢

转载自www.cnblogs.com/chizenglin/p/10064420.html