javascript学习（三） 内置对象

时间：2022-08-12 14:37:18

一：事件（Event）对象

　　在触发dom事件的时候都会产生一个event对象

  1. type   获取事件类型
  2. target  获取事件目标
  3. stopPropagation()  阻止事件冒泡
  4. preventDefault() 阻止事件默认行为

　　eg:

二：string对象

  1. lenget          长度
  2. indexof()     位置
  3. march()       内容匹配
  4. replace()      替换
  5. toUpperCase  大小写转换
  6. split()          字符串变为数组

　　eg:

    <script type="text/javascript">

        var str = "Hello World";

        // alert(str.length); // 结果为11

        //alert(str.indexOf("World")); // 结果为：6

        //alert(str.indexOf("aa1")); // 结果为：-1

        //alert(str.replace("World","LiPeng"));//输出为：Hello LiPeng

        // alert(str.toLowerCase());//结果为：hello world

        var str2 = "A,B,C,E|F"

        var s = str2.split(",");//  这里不能同时分割？   不能按字符数组分割？

        alert(s[3]);

    </script>

三：Date对象

  1. getFullYear()      获取年份
  2. getTime()          获取时间戳
  3. setFullYear() 　　设置时间

　　eg：

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body onload="getTime()">

    <script type="text/javascript">

        function getTime() {

            var date = new Date();

            var h = date.getHours();

            var m = date.getMinutes();

            var s = date.getSeconds();

            m = checkTime(m);

            s = checkTime(s);

            document.getElementById("timetxt").innerHTML = "时间：" + h + "时" + m + "分" + s + "秒";

            var n = setTimeout(function () { getTime(); }, 1000);

        }

        function checkTime(t) {

            if (t < 10)

                t = "0" + t;

            return t;

        }

    </script>

    <div id="timetxt">

    </div>

</body>

</html>

四：Array对象

　　使用单独的变量名存储一系列变量

　　eg:

    <script type="text/javascript">

        var myArray = ["hello", "li", "peng"];

        var str = "hello";

        var myArray2 = ["d", "a", "b", "c"];

        //         输出 a,b,c,d（升序排序）

        // document.write(myArray2.sort());

        //         输出d,c,b,a（降序排序）

        //document.write(myArray2.sort(function (a, b) { return b - a }));

        //         连接    myArray 和   myArray2

        /document.write(myArray.concat(myArray2));

        //        增加字符串

        //myArray.push("c"); //这里给myArray加了一个c 返回值为4

        //document.write(myArray);

        //        反转myArray

        //document.write(myArray.reverse());

    </script>

五：Math对象

　　

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

    <button id="btn">

        提交</button>

    <div id="divid">

    </div>

    <script type="text/javascript">

        document.getElementById("btn").addEventListener("click", function () {

            document.getElementById("divid").innerHTML = parseInt(Math.random() * 1000);

        });

        alert(Math.max(10, 20, 15));

        alert(Math.round(2.5698));

    </script>

</body>

</html>

相关文章