JavaScript（七）之 JavaScript常用对象介绍

一、Array对象 ----- 数组对象，进行数组操作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>array对象</title>
</head>
<body>
<script type="text/javascript">
    /*javascript中数组长度是可变的，与java不同。*/
    var scores = new Array(4);//长度为4
    scores[0] = 50;
    scores[40] = 80;
    alert(scores[40]);//80
    alert(scores[4]);//undefined

    var score = new Array(68,80,90,100);//定义一个数组，并且赋值
    //遍历
    for(var i=0; i<score.length; i++){
        alert(score[i])
    }
</script>
</body>
</html>

二、String对象 ----- 字符串类型的引用类型

var str = new String("cat");

三、Number对象 ----- 数字原始类型引用类型

var n = new Number(100);

四、Boolean对象 ----- 布尔原始类型引用类型

var b = new Boolean(true);

五、Math对象 ----- 执行数学任务

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Math对象</title>
</head>
<body>
<script>
    var result = Math.random();//0-1之间的小数
    document.write(result);
    document.write("<br/>")
    document.write(parseInt(result*10+1));
</script>
</body>
</html>

六、Date对象 ----- 用于处理日期和时间

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>Date对象</title>
    <style type="text/css">
        input{
            font-size:60px;
            font-color:red;
            border:0px;
        }
    </style>
</head>
<body style="text-align:center">
<input type="text" name="showTime" id="showTime"/>
<script type="text/javascript">
    //1.产生一个Date对象
    var date = new Date();
    //2.调用方法
    var month = date.getMonth();//取值范围0-11
    alert(month + 1);

    var week = date.getDay();//取值范围0-6
    var weekChinese = new Array('周日','周一','周二','周三','周四','周五','周六')
    alert(weekChinese[week]);
</script>
</body>
</html>

动态时钟：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>动态时钟</title>
    <!-- 每过一秒刷新一次 -->
    <!--<meta http-equiv="refresh" content="1"/>-->
    <style type="text/css">
        #showTime{
            border:0px;
            font-size:50px;
            color:red;
        }
    </style>
</head>
<body style="text-align:center">
<script>

    function show(){
        var date = new Date();
        var hour = date.getHours();
        var minute = date.getMinutes();
        var second = date.getSeconds();

        //如何根据id得到具体的某个HTML标签
        document.getElementById("showTime").value = hour + ":" + minute + ":" + second;
    }

    //定时器的使用
    // setTimeout("要调用的函数",1000);//第二个参数是毫秒数  过1000毫秒后再调用函数
    // setInterval("要调用的函数",1000);//第二个参数是毫秒数
</script>
<input type="text" id="showTime"/>
<script type="text/javascript">
    //setTimeout("show()",1000);
    setInterval("show()",1000);
</script>
</body>
</html>

七、RegExp对象 ----- 正则表达式对象

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>RegExp</title>
    <script>
        function validate(){
            //1.定义正则表达式
            var regsw = new RegExp("^[0-9a-zA-Z]{6,16}$")
            //2.取文本框
            var username = document.getElementById("username").value;
            //3.匹配结果是否正确
            if(regsw.test(username)){
                alert("输入正确");
            }else{
                alert("输入格式应为6-16位数字或字母");
            }
        }
    </script>
</head>
<body>
    <!--onblur失去焦点-->
    用户名：<input type="text" id="username" onblur="validate()"/>
</body>
</html>

JavaScript（七）之 JavaScript常用对象介绍

猜你喜欢