JS基础

最新推荐文章于 2022-11-23 17:32:46 发布

MMMMMMMay

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量345

点赞数 2

分类专栏： java 文章标签： javascript 脚本语言浏览器

本文链接：https://blog.csdn.net/qq_36066908/article/details/74989667

版权

java 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

JS

继续day0710

比较运算符

比较运算符在逻辑语句中使用，以测定变量或值是否相等。
给定 x=5，下面的表格解释了比较运算符：

运算符	描述	例子
==	等于	x==8 为 false
===	全等（值和类型）	x===5 为 true；x===”5” 为 false

注意：JavaScript是脚本语言。浏览器会在读取代码时，逐行的执行脚本代码编译。

注释
- 多行注释以 /* 开始，以 */ 结尾。
- 单行注释以 // 开头。
变量（储存信息的容器）
- js只有var变量

var x=2;//声明变量x初始值为2
var y=3;//声明变量y初始值为3
var z=x+y;//运算并赋值
var num=6,num1=5,sum=num+num1;//同时声明并赋值

</script>
    function testVar(){
        var num = 5;//声明变量num初始值为5
        var num1= 6;//声明变量num1初始值为6
        var sum=num+num1;
        /*shangvar num=6,num1=5,sum=num+num1;//同时声明并赋值*/
        alert(sum);
    }
</script>
<body>
    <!--当点击按钮时弹出结果-->
    <button onclick="testVar()">测试</button>
</body>

javascript 拥有动态类型，这个意味着相同的变量可作用不同的类型

数组
- 数组对象用来在单独的变量名中存储一系列的值。
- 有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。
- 数组对象用来在单独的变量名中存储一系列的值。

var mycars=new Array();//声明数组，并且这个数组的长度不限定
mycars[0]="Saab";//在数组里存放一系列字符串类型
mycars[1]="Volvo";
mycars[2]="BMW";

var mycars=new Array(3);//声明数组，并且这个数组的长度有限定
mycars[0]="Saab";
mycars[1]="Volvo";
mycars[2]="BMW";

var mycars=new Array("Saab","Volvo","BMW");//声明时就给初始化值

访问数组
- 通过指定数组名以及索引号码，你可以访问某个特定的元素。

document.write(mycars[0]);//结果为Saab
/*也可以*/
for(var i =0;i<mycars.length;i++){
    document.write(mycars[i]);//输出所有的值
}

JavaScript对象

<script>
function person(){
    var  people ={name:"tom",age:20,sex:"男"};
    var info="";
    for(peo in people){
        info+=people[peo]
    }
document.getElementById("duixiang").innerHTML=info;
}
</script>
<body>
    <div id ="duixiang"></div>
    <button onclick="person()">测试</button>
</body>

测试结果：
这里写图片描述

</script>
function getNow()
            {           
    var myDate = new Date();//获取时间的对象
    var year = myDate.getFullYear();//通过对象获取year
    var month = myDate.getMonth();//通过对象获取月份
    month = month + 1;
    var date = myDate.getDate();//通过对象获取天
    var hour = myDate.getHours();//通过对象获小时
    var minute = myDate.getMinutes();//通过对象获分钟
    var second = myDate.getSeconds();//通过对象获取秒
    var day = myDate.getDay();
    var div = document.getElementById("time");
    div.innerHTML=year+"/"+month+"/"+date+"&nbsp;"+hour+":"+minute+":"+second;
}
setInterval("getNow()" , 1000);//每秒钟跟新一次时间
</script>
<body>
    <div id ="time"></div>//这个实现的就是一个时间了

</body>

<script>
function testdui(){

        var user=new Object();//创造user对象
        user.userid=1;//声明userid属性
        user.username="qinbo";//声明username属性
        user.userpwd="123456";//声明userpwd属性

        user.alertAll=function(){

                    document.getElementById("SHOW").innerHTML="用户"+user.userid+"密码"+user.userpwd;

                }
            user.alertAll();
            }

    </script>
    <body>
        <div id ="SHOW"></div>
        <button onclick="testdui()">测试</button>
    </body>

运行结果：
这里写图片描述

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。

switch

<script>
    function getDay(day){
                var getday = document.getElementById("DAY");

                switch(day){
                    case 1:
                        getday.innerHTML="周一";
                        break;
                    case 2:
                        getday.innerHTML="周二"
                        break;
                    case 3:
                        getday.innerHTML="周三"   ;
                        break;
                    case 4:
                        getday.innerHTML="周四"
                        break;
                    case 5:
                        getday.innerHTML="周五"
                        break;
                    case 6:
                        getday.innerHTML="周六"
                        break;
                    case 7:
                        getday.innerHTML="周七 "
                        break;
                }

            }
</script>
<body>
        <div id ="DAY"></div>
        <button onclick="getDay(5)">测试</button>
    </body>

运行结果：

这里写图片描述

MMMMMMMay

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础

JS 继续day0710比较运算符比较运算符在逻辑语句中使用，以测定变量或值是否相等。给定 x=5，下面的表格解释了比较运算符：运算符描述例子 == 等于 x==8 为 false === 全等（值和类型） x===5 为 true；x===”5” 为 false 注意：JavaSc...
复制链接

扫一扫