JavaScript的学习4

Posted 2020-08-19

一、Array对象

ArrayObject.reverse()   将数组进行翻转

ArrayObject.shift()     删除数组中的第一个元素并将其返回

ArrayObject.unshift(元素1,元素2)    往数组中的开头添加一个或者多个数组元素 并返回新的数组的长度

 

ArrayObject.pop()          将数组的最后一个元素删除并将其返回

ArrayObject.push()      向数组末尾添加一个或者多个数组元素并将新的长度返回

ArrayObject.sort(sortby)   对数组元素进行排序

二、Date对象

第一种：使用new关键字与Date()来创建  带参数（返回指定的时间日期）

第二种：使用new关键字与Date()来创建  不带参数（返回当前的指定日期）

 

Date方法实例
<script type="text/javascript">
        //创建一个时间日期对象
        var today = new Date();
        //从这个对象中获取到4位数的年份
        var year  = today.getFullYear();
        var m     = today.getMonth()+1;
        var t     = today.getDate();
        var xs      = today.getHours();
        var fz      = today.getMinutes();
        var ms      = today.getSeconds();
        var hms      = today.getMilliseconds();  
        var sjc      = today.getTime();  
        //定义一个字符串来输出
        var str = "<h2>输出现在的时间日期的相关信息</h2>";
            str += "今年是："+year;
            str += "<br/>当月是："+i(m);
            str += "<br/>今天是："+i(t);
            str += "<br/>当前小时："+i(xs);
            str += "<br/>当前分钟："+i(fz);
            str += "<br/>当前秒数："+i(ms);
            str += "<br/>当前毫秒："+i(hms);
            str += "<br/>当前时间戳："+sjc

            document.write(str);
        //前导0
        function i(y){
            return y<10 ? "0"+y : y;
        }
    </script>

 

三、Math对象

Math对象不需要创建 直接使用即可

 

Math.abs(x)     求x的绝对值

Math.ceil(x)　　对x进行向上取整

Math.floor(x)　　对x进行向下取整

Math.max(n1,n2,n3)　　返回最大的数

Math.min(n1,n2,n3)　　返回最小的数

Math.sqrt(x)　　返回x的平方根

Math.pow(x,y)　　返回x的y次方

Math.round(x)　　对x进行四舍五入

 

Math.random()　　返回0~1之间的随机数 包含0但是不包含1[0,1)

<script type="text/javascript">
        //求随机数  把它封装成一个函数  
        //这个函数里面需要有两个值  一个是最大值 一个是最小值

        function getRandom(a,b){
            
            return Math.floor(Math.random()*(a-b+1)+b);
                
        }
        //调用函数 
        document.write(getRandom(20,10));
    </script>

四、Window对象的方法

window.alert()      向浏览器的窗口弹出一个警告提示框

 

window.prompt()    向浏览器的窗口中弹出一个输入对话框

 

window.confirm()　　向浏览器窗口弹出一个确认对话框，点击“确定”按钮会得到布尔型 true，点击“取消”按钮会得到布尔型 false

 

 

window.open(url,name,options)　　打开一个新窗口

window.close()　　　　用来关闭当前的窗口

window.setTimeout(code,Millisec)　　 延时器：当指定的时间到了以后就执行一次code。code:执行的JS代码，Millisec:毫秒数

 

window.clearTimeout(要清除延时器的返回值)　　　　清除延时器

 

window.setInterval(code,Millisec)　　　计时器：每隔一定的时间就执行code代码

window.clearInterval(要清除的定时器返回值)　　　　清除计时器

 

动态时钟：
<style type="text/css">
        div{
            width:400px;
            height:200px;
            line-height:200px;
            text-align:center;
            background:skyblue;
            margin:100px auto;
        }
    </style>
    <script type="text/javascript">
        function getWeek(week){
            var str = "星期";
            switch(week){
                case 1:
                    str += "一";
                break;
                case 2:
                    str += "二";
                break;
                case 3:
                    str += "三";
                break;
                case 4:
                    str += "四";
                break;
                case 5:
                    str += "五";
                break;
                case 6:
                    str += "六";
                break;
                default:
                    str += "日";
                break;
            }
            return str;
        }
        function i(y){
            return y<10 ? "0"+y : y;
        }
        //每隔一秒就去更新一个时间   每隔一秒就去重新获取到时间
        function getClock(){
            //创建一个时间日期对象
            var today = new Date();
            var y      = today.getFullYear();
            var m      = today.getMonth();
            var d      = today.getDate();
            var h     = today.getHours();
            var f      = today.getMinutes();
            var s      = today.getSeconds();
            var w     = today.getDay();

            var str = y+"-"+ i(m)+"-"+i(d)+"&nbsp;"+i(h)+":"+i(f)+":"+i(s)+"&nbsp;"+getWeek(w);
            //需要往div里面写入内容 先要将这个html标签获取到  然后再来写入 
            document.getElementById("div").innerHTML = str;
        }
        //当页面加载完成后再来执行里面的代码 
        window.onload = function(){
            //每隔一秒种来使用定时器 每隔一秒去请求getClock()这个函数  这个函数的功能 就要每隔一秒去获取系统的时间 
            setInterval("getClock()",1000);
        }
    </script>
</head>
<body>
    <div id="div"></div>
</body>