JS幾個常用的函式和物件定義與用法示例

阿新 • • 發佈：2020-01-16

本文例項講述了JS幾個常用的函式和物件定義與用法。分享給大家供大家參考，具體如下：

<html>
    <head>
        <title>js幾種常見的函式</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            //string類中的函式
            var str="clannad";
//            var m=str.toUpperCase();
//            alert(m);
//            alert(str.toUpperCase());
//            alert(str.toLowerCase());                //資料是以0下標開始
//            var m=str.substr(0,1).toUpperCase();
//            alert(m + str.substr(1,str.length-1).toLowerCase());  //實現首字母大寫,substr後面的引數是起始的位置和資料的長度
//            alert(str.substring(0,1).toUpperCase() + str.substring(1,str.length).toLowerCase());  //substring後面的引數是起始的位置到結束的位置
//            alert(str.indexOf("a"));
//            alert(str.lastIndexOf("a"));
//            alert(str.indexOf("z"));   //沒有，返回值為-1
            function testData(a){
                var da=new Date();
//                alert(da.getYear());   //年份是從第一臺計算機誕生到現在的年份
//                alert(da.getFullYear());  //返回正常的年份
//                alert(da.getMonth()+1);   //其月份是從0開始的，一月是0
//                alert(da.getDay());      //得到今天是星期幾，其中其第一天是星期天，第一天為0/
//                alert(da.getDate());     //得到現在的日期
                alert(da.getHours());     //得到現在的小時
                alert(da.getMinutes());    //得到現在的分鐘
                alert(da.getSeconds());    //得到現在的秒
            }
            function testMath(a){
                alert(Math.floor(Math.random()*9000 + 1000));  //輸出一個四位整數  ceil是向上取整，floor是向下取整
            }
            function testGlobal(a){
                eval("var a='123'");    //eval可以將字串轉化為js程式碼執行，但是要注意其字串的內容要用“”括起來
//                alert(a);          //a也沒有顯示undefined,這是由於eval的存在。
                b="haha";
                if(!isNaN(Number(a))){
                    alert("我是一個數字啊");
                }else{
                    alert("不是一個數字")
                }
                if(!isNaN(b)){         //isNaN是判斷變數是否為數字，其可以自動進行number轉換。
                    alert("我是一個數字啊");
                }else{
                    alert("不是一個數字")
                }
            }
        </script>
    </head>
    <body>
        <h3>js幾種常見的函式</h3>
        <input type="button" name="" id="" value="測試Date" onclick="testData()"/>
        <input type="button" name="" id="" value="測試Math" onclick="testMath()"/>
        <input type="button" name="" id="" value="測試Global" onclick="testGlobal()"/>
    </body>
</html>

僅僅是幾個基本的函式，有看還是api.

感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具：http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

更多關於JavaScript相關內容可檢視本站專題：《JavaScript常用函式技巧彙總》、《javascript面向物件入門教程》、《JavaScript查詢演算法技巧總結》、《JavaScript錯誤與除錯技巧總結》、《JavaScript資料結構與演算法技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程式設計有所幫助。