java基础59 JavaScript运算符与控制流程语句（网页知识）

时间：2021-11-11 13:44:44

1、JavaScript运算符

1.1、加减乘除法

加法：+(加法，连接符，正数)
          true是1，false是0
    减法：-
    乘法：*
    除法：/

1.2、比较运算符

大于：>
    小于：<
    大于等于：>=
    小于等于：<=
    不等于：!=

字符串和字符串比较
        情况1：能找到对应的位置上的不同字符，那么比较的是第一个不同字符的大小
        情况2：不能找到对应位置上的不同字符，这个时候比较的是两个字符串的长度

1.3、逻辑运算符

逻辑与：&&
    逻辑或：||
    逻辑非：!

1.4、三目运算符

布尔表达式?值1:值2;

1.5、实例

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>JavaScript运算符</title>

 </head>

 <script type="text/javascript">

     var a=2;

     document.write((a+true)+"</br>");//输出结果：3

     document.write("hello"+a+"</br>");//输出结果：hello2

     var b=10;

     var c=3;

     document.write("除法运算："+(b/c)+"</br>");//输出结果：

     document.write("10大于3吗："+(10>3)+"</br>");//输出结果：3.3333333333333335  （精度为15）

     document.write("10字符串大于3字符串吗："+("10">"3")+"</br>");//输出结果：false

     //没有单 & 和单 |

     document.write((true && true)+"</br>");//返回结果：true

     document.write((true && false)+"</br>");//返回结果：false

     document.write((false && true)+"</br>");//返回结果：false

     document.write((false && false)+"</br>");//返回结果：false

     document.write((true || true)+"</br>");//返回结果：true

     document.write((true || false)+"</br>");//返回结果：true

     document.write((false || true)+"</br>");//返回结果：true

     document.write((false|| false)+"</br>");//返回结果：false

     document.write((!false)+"</br>");//返回结果：true

     document.write((!true)+"</br>");//返回结果：false

     document.write((!"a")+"</br>");//返回结果：false

     var age=10;

     document.write(age>18?"您已经是成年人了，做事能成熟一点吗？":"小屁孩一个，一边玩泥巴去。");//返回结果：小屁孩一个，一边玩泥巴去。

 </script>

 <body>

 </body>

 </html>

实例结果图

java基础59 JavaScript运算符与控制流程语句（网页知识）

2、JavaScript控制流程语句

2.1、if 语句

格式：

    if(判断条件){

        符合条件执行的代码

    }

if语句的特殊之处
    1.在javascript中if语句不单止写buer表达式，还可以写任意数据.

number类型：非0为true，0为false。
    string类型：内容不能为空是true，内容为空时是false。

2.2、选择语句

switch语句的特殊之处
    1.在javascript中case后面可以跟常量与变量还可以跟表达式

2.3、实例

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>JavaScript控制流程语句</title>

 </head>

 <script type="text/javascript">

     var a=11;

     if(null){//false

         document.write("hello"+"<br/>");//没有输出任何东西

     }

     if(a){//true

         document.write("hello"+"<br/>");//返回结果：hello

     }

     if(0){//false

         document.write("hello"+"<br/>");//没有输出任何东西

     }

     a=8;

     var b=10;

     switch(b){

         case a>2?3:4 :

             document.write(1);

         break;

         case 6:

             document.write(6);

         break;

         case 9:

             document.write(9);

         break;

         case 10:

             document.write(10);

         break;

         default:

         document.write(11);

         break;

     }

 </script>

 <body>

 </body>

 </html>

实例结果图

java基础59 JavaScript运算符与控制流程语句（网页知识）

原创作者：DSHORE

作者主页：http://www.cnblogs.com/dshore123/

原文出自：https://www.cnblogs.com/dshore123/p/9396608.html

欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！）

相关文章