小M开发_JS_day0711

来源:互联网 发布:qq三国活力涨不停算法 编辑:程序博客网 时间:2024/05/01 04:01

JS

继续day0710

  • 比较运算符

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

运算符 描述 例子 == 等于 x==8 为 false === 全等(值和类型) x===5 为 true;x===”5” 为 false

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

  • 注释
    • 多行注释以 /* 开始,以 */ 结尾。
    • 单行注释以 // 开头。
  • 变量(储存信息的容器)
    • js只有var变量
var x=2;//声明变量x初始值为2var y=3;//声明变量y初始值为3var 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>

运行结果:

这里写图片描述