JavaScript+JQuery——初始JavaScript（2）

最新推荐文章于 2024-09-16 08:47:17 发布

大大大野

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量931

点赞数

分类专栏：初学者文章标签： javascript jquery 开发语言

本文链接：https://blog.csdn.net/HGninjago/article/details/125024929

版权

初学者专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这次将第一章内容该掌握的都一次性将完主要涉及到运算符逻辑语句以及提示框话不多说直接开始

三.运算符

运算符简单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运算符</title>
</head>
<body>
    <script type="text/javascript">
        var x=2,y=4;
        document.write("算数运算符：<br/>");
        document.write("x+y="+(x+y)+"<br/>");
        document.write("x-y="+(x-y)+"<br/>");
        document.write("x*y="+(x*y)+"<br/>");
        document.write("x/y="+(x/y)+"<br/>");
        document.write("x%y="+(x%y)+"<br/>");
        document.write("++y="+(++y)+"<br/>");
        document.write("--y="+(--y)+"<br/>");
        document.write("比较运算符：<br/>");
        document.write("x&gt;y:"+(x>y)+"<br/>");
        document.write("x&lt;y:"+(x<y)+"<br/>");
        document.write("x=y:"+(x==y)+"<br/>");
        document.write("x===y:"+(x===y)+"<br/>");  //(===意为全等)比较两个操作数的值是否相等，同时检测它们的类型是否相同
        document.write("x!=y:"+(x!=y)+"<br/>");
        document.write("x!==y:"+(x!==y)+"<br/>");  //(！==意为不全等)比较两个操作数的值是否不相等，同时检测它们的类型是否不相同
        document.write("逻辑运算符：<br/>");
        document.write("x&&y:"+(x&&y)+"<br/>");  //逻辑与
        document.write("x||y:"+(x||y)+"<br/>");  //逻辑或
        document.write("!y:"+(!y)+"<br/>");  //逻辑非
    </script>
</body>
</html>

四.逻辑语句

逻辑语句不多讲一样简单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逻辑控制语句</title>
</head>
<body>
    <script type="text/javascript">
        document.write("定义两个变量<br/>");
        var y=2,z=3;
        document.write("直接if判断比较大小:");
        if(z>y){
            document.write("Z比较大<br/>");
        }else if(z<y){
            document.write("Y比较大<br/>");
        }else{
            document.write("他们一样大<br/>");
        }
        document.write("直接switch判匹配值:");
        switch (z){
            case 1:{
                document.write("值为1 <br/>");
                break;
            }
            case 2:{
                document.write("值为2 <br/>");
                break;
            }
            case 3:{
                document.write("值为3 <br/>");
                break;
            }
            case 4:{
                document.write("值为4 <br/>");
                break;
            }
            default:document.write("没有与之匹配的值");
                    break;
        }
        document.write("循环结构<br/>");
        for(i=1;i<3;i++){
            document.write("这是fro循环语句。<br/>");
        }
        var a=0
        do{
            document.write("这是do_while循环语句。<br/>");
            a++;
        }while(a<3)
        a=0;
        do{
            document.write("这是while循环语句。<br/>");
            a++;
        }while(a<3)
    </script>
</body>
</html>

五.警告框与提示输入框

用于提示用户以及让用户输入内容

1.警告框

    <script type="text/javascript">
        alert("你好 这里是警告框");
    </script>

2.提示输入框

    <script type="text/javascript">
        var str=prompt("你好 这里是提示输入框 请输入你喜欢的数字");
        document.write("你喜欢的数字是"+str)
    </script>

第一章内容就这多还有一个Chrome开发工具到时候单独单发一个讲，对你的学习有用的话记得点个赞哦，虽然写的比较烂

大大大野

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录