zoukankan html css js c++ java

javascript学习（三）内置对象

一：事件（Event）对象

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

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

　　eg:

二：string对象

lenget 长度
indexof() 位置
march() 内容匹配
replace() 替换
toUpperCase 大小写转换
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对象

getFullYear() 获取年份
getTime() 获取时间戳
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>

查看全文

相关阅读:
Windows Phone 应用程序的全球化狼人:
幽默：编程语言 / 操作系统
 幽默：编程语言 / 操作系统
 程序员的幽默
 游戏杆编程心得二：如何判断按钮的有效按下
 DirectX 7.0 SDK在VC 6.0环境中使用的注意事项
 游戏杆编程心得
 HTML 5 WebSocket 示例
 HTML 5 WebSocket 示例
 慎用VC 6.0

原文地址：https://www.cnblogs.com/lipeng0824/p/4415664.html

javascript学习（三） 内置对象

javascript学习（三）内置对象