zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    初识HTML
    django中这是登录过期时间
    linux之几个重要性能指标
    linux之查看端口占用
    python目录操作整理
    jmeter用户自定义变量的实际使用
    ubuntu安装mysql与配置外网访问
    ubuntu 16.04部署python项目(Nginx+uwsgi+django)
    selenium脚本奇怪报错
    在Ubuntu云服务上部署jenkins
  • 原文地址:https://www.cnblogs.com/shawnhuang/p/10433196.html
Copyright © 2011-2022 走看看