JavaScript基础知识四

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--String对象实例-->
    <script type="text/javascript">
        var txt = "Hello World!";
        // 计算字符串的长度
        document.write("Hello World!" + "<br />" + "上面字符串的长度是: " + txt.length + "<br />");
        // 字符串的各种样式
        document.write("<p>Big: " + txt.big() + "</p>");
        document.write("<p>Small: " + txt.small() + "</p>");

        document.write("<p>Bold: " + txt.bold() + "</p>");
        document.write("<p>Italic: " + txt.italics() + "</p>");

        document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>");
        document.write("<p>Fixed: " + txt.fixed() + "</p>");
        document.write("<p>Strike: " + txt.strike() + "</p>");

        document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>");
        document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>");

        document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>");
        document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>");

        document.write("<p>Subscript: " + txt.sub() + "</p>");
        document.write("<p>Superscript: " + txt.sup() + "</p>");

        document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>");

        // indexOf() 定位字符串中某一个指定的字符首次出现的位置
        document.write(txt.indexOf("Hello") + "<br />");
        document.write(txt.indexOf("World") + "<br />");
        document.write(txt.indexOf("world") + "<br />");

        // match(),查找字符串中特定的字符,如果找得到返回该字符
        document.write(txt.match("world") + "<br />");
        document.write(txt.match("World") + "<br />");
        document.write(txt.match("worlld") + "<br />");
        document.write(txt.match("World!") + "<br />")

        // replace(),替换某字符串
        document.write(txt.replace(/Hello/, "你好"));
    </script>

    <script>
        // 显示星期getDay()
        // 这里使用getDay()和数组来显示星期,而不仅仅是数字
        var d = new Date();
        var weekday = new Array(7);
        weekday[0] = "星期日";
        weekday[1] = "星期一";
        weekday[2] = "星期二";
        weekday[3] = "星期三";
        weekday[4] = "星期四";
        weekday[5] = "星期五";
        weekday[6] = "星期六";
        document.write("<br />" + "今天是" + weekday[d.getDay()] + "<br />");
    </script>

    <!--创建数组-->
    <!--数组对象的作用是:使用单独的变量名来存储一系列的值-->
    <script type="text/javascript">
        var mycars = new Array();
        mycars[0] = "Saab";
        mycars[1] = "Volvo";
        mycars[2] = "BMW";
        // 也可以这样:
        // var mycars = new Array("Saab", "Volvo", "BMW")

        for (i = 0; i < mycars.length; i++) {
            document.write(mycars[i] + "<br />")
        }
    </script>

    <!--使用for...in声明来循环输出数组中的元素-->
    <script type="text/javascript">
        var x;
        var mycars = new Array();
        mycars[0] = "Saab";
        mycars[1] = "Volvo";
        mycars[2] = "BMW";

        for (x in mycars) {
            document.write(mycars[x] + "<br />")
        }
    </script>

    <!--合并两个数组,使用concat()方法-->
    <script type="text/javascript">
        var arr = new Array(3);  // 这里的3控制数组的容量
        arr[0] = "George";
        arr[1] = "John";
        arr[2] = "Thomas";

        var arr2 = new Array(3);
        arr2[0] = "James";
        arr2[1] = "Adrew";
        arr2[2] = "Martin";

        document.write(arr.concat(arr2) + "<br />");
    </script>

    <!--用数组的元素组成字符串-->
    <script type="text/javascript">
        var arr = new Array(3);
        arr[0] = "George";
        arr[1] = "John";
        arr[2] = "Thomas";

        document.write(arr.join());
        document.write("<br />");
        document.write(arr.join(".") + "<br />");
    </script>

    <!--数组排序-->
    <script type="text/javascript">
        // 字母排序
        var arr = new Array("George", "John", "Thomas", "James", "Adrew", "Martin");
        document.write(arr + "<br />");
        document.write(arr.sort() + "<br />");

        // 数字排序
        function sortNumber(a, b) {
            return a - b
        }
        var arr1 = new Array("10", "5", "40", "25", "1000", "1");
        document.write(arr1 + "<br />");
        document.write(arr1.sort(sortNumber) + "<br />")
    </script>

    <!--Math对象-->
    <script type="text/javascript">
        <!--round(),四舍五入法-->
        <!--记住一点:所谓的四舍五入,是指离哪个整数进就是哪个整数-->
        document.write(Math.round(0.60) + "<br />");
        document.write(Math.round(0.50) + "<br />");
        document.write(Math.round(0.49) + "<br />");
        document.write(Math.round(-4.40) + "<br />");
        document.write(Math.round(-4.60) + "<br />");

        // random() 返回0-1之间的随机数
        document.write(Math.random() + "<br />");

        // max()-返回两个给定的数中较大的数, min()相反
        document.write(Math.max(-3, -5) + "<br />");

        // 算数值
        // 常数                   Math.E
        // 圆周率                 Math.PI
        // 2 的平方根             Math.SORT2
        // 1/2 的平方根           Math.SORT1_2
        // 2 的自然对数           Math.LN2
        // 10 的自然对数          Math.LN10
        // 以 2 为底的 e 的对数    Math.LOG2E
        // 以 10 为底的 e 的对数   Math.LOG10E

        // 生成一个0-10之间的随机数的方法
        document.write(Math.floor(Math.random()*11) + "<br />");
    </script>

    <!--正则表达式-->
    <!--RegExp对象有三个方法:test()\exec()\compile()-->
    <!--test()方法检索字符串中的指定值,返回布尔值-->
    <script type="text/javascript">
        var patt1 = new RegExp("e");
        document.write(patt1.test("The best things in life are free") + "<br />");
    </script>

    <!--exec()方法检索字符串中指定值,返回值是被找到的值,如果没有,返回null-->
    <script type="text/javascript">
        var patt1 = new RegExp("e");
        document.write(patt1.exec("The best things in life are free") + "<br />");
    </script>

    <!--exec()方法中.可以向RegExp对象添加第二个参数,以设定检索-->
    <!--例如如果要找到某个字符的所有存在,使用g参数-->
    <!--
        使用g参数时,exex()的工作原理是:
            1.找到第一个"e", 并存储其位置
            2.如果再次运行exec(),则从存储的位置开始检索,并找到下一个"e",并存储其位置
    -->
    <script type="text/javascript">
        var patt2 = new RegExp("e", "g");
        do {
            result = patt2.exec("The best things in life are free");
            document.write(result);
        }
        while (result != null)
    </script>
    <br />

    <!--compile()方法用于改变RegRxp-->
    <!--它既可以改变检索模式,又可以添加或删除第二个参数-->
    <script type="text/javascript">
        var patt3 = new RegExp("e");
        document.write(patt3.test("The best things in life are free") + "<br />");  // true
        patt3.compile("d");
        document.write(patt3.test("The best things in life are free") + "<br />");  // false
    </script>
</body>
</html>
JavaScript基础知识四

猜你喜欢
