JavaScript入門基礎知識總結(3)

來源:互聯網
上載者:User

標籤:

/*
                JavaScript基礎學習總結
*******該總結用DW寫作,為了調試方便,將影響測試的部分以注釋形式寫出****/
//所有測試以alert()函數顯示

//1、JavaScript特殊字元//在JavaScript中你可以用反斜線來表示一個特殊字元,來看例子
//    代碼     輸出
//    \‘     單引號
//    \"     雙引號
//    \&     和號
//    \\     反斜線
//    \n     分行符號
//    \r     斷行符號符
//    \t     定位字元
//    \b     退格符
//    \f     換頁符

//2、JavaScript 指導方針// a)JavaScript對大小寫敏感,my 和 My是不同的
// b)JavaScript會忽略代碼中多於的空格,
    //如:name = "A" 和 name="A" 是一樣的,所以,可以用空格來使你的代碼更美觀
// c)在JavaScript的代碼中允許這樣換行
    //document.write("hello \
    // world!)

//3、JavaScript中的對象//a)JavaScript是物件導向的語言,我們可以建立我們自己的對象,一個對象有自己的屬性和方法
//b)JavaScript內部對象
    //var txt = "hello"; 我們可以用txt.length 來獲得txt的長度(length就是對象txt的屬性)
    // txt.toUpperCase() 我們可以這樣調用txt對象的方法,將txt中的小寫字母換為大寫
//4)、String        聲明 String str;        //使用 str.length 獲得字串的長度
        //調用str.big(),str.small(),str.blink()等方法可以修改字串的樣式
        //調用str.indexOf()獲得某一個字元在該串中的第一次出現位置
        //更多內容請參考http://www.w3school.com.cn/jsref/jsref_obj_string.as
//5)、Date   聲明 var date = new Date();    function funDate(){
        var t = new Date();//獲得一個新日期,和當前系統時間一致
        t.setFullYear(1993,3,23);//設定自己的日期,注意月份應該用0-11來設定
        t.setDate(t.getDate()+5);//設定時間為目前時間的5天后。
        t.toDateString();//根據 UTC 轉換為字串
        //var temp = new Date();
        // temp > t; 兩個日期可以直接比較大小
        alert(t);
    }
        //更多內容請參考http://www.jb51.net/w3school/js/jsref_obj_date.htm
//6)數組對象    function funArray(){
        var arr = new Array();//聲明執行個體化數組
        arr[0] = "123";
        arr[1] = "456";
        arr.sort();
        document.getElementById("Array").innerHTML=arr[1];
    }
        //數組的常用方法
            //1、arr1.concat(arr2);合并兩個數組
            //2、arr.join(".")將數組中的內容連結為一個字串,中間用 . 隔開
            //3、arr.sort() 安照字面進行排序
            //4、arr.sort(sortNumber) function sortNumber(a,b){return a-b;}配合函數可以按數字內容的大小排序
            //更多內容請參考http://www.w3school.com.cn/jsref/jsref_obj_array.asp
//7)Boolean對象function funBoolean(){
    var t1 = Boolean();
    var t2 = Boolean(0);
    var t3 = Boolean(1);
    var t4 = Boolean("");
    var t5 = Boolean(null);
    var t6 = Boolean(NaN);
    var t7 = Boolean("false");
    var t8 = Boolean(true);
    var t9 = Boolean("ttt");
    var txt = "0的邏輯值:"+t2+"\n"+"1的邏輯值:"+t3+"\n"+"Null 字元串的邏輯值:"+t4+"\n"+"null的邏輯值:"+t5+"\n";
    txt += "NaN的邏輯值:"+t6+"\n"+ "\"false\"的邏輯值:"+t7+"\n"+"無任何初始值的邏輯值:"+t1+"\n"+"true的邏輯值:"+t8+"\n"+"任一字元串邏輯值:"+t9+"\n";
    alert(txt);
}
//更多內容請參考http://www.w3school.com.cn/jsref/jsref_obj_boolean.asp
//8)Math對象function funMath(){
    var t1 = Math.round(0.6);//獲得參數的四捨五入後的值
    var t2 = Math.random();//獲得一個0-1之間的小數
    var t3 = Math.max(5,4);//獲得兩個數中較大打的數
    var t4 = Math.min(-4.4,4);//獲得兩個數中較小的數
    var txt = "t1 = "+t1+",t2 = "+t2+",t3 = "+t3+",t4 = "+t4;
    document.getElementById("Math").innerHTML = txt;
}
//更多內容請參考http://www.jb51.net/w3school/js/jsref_obj_math.htm1
//9)Regex// 定義正則規則  var pat = new RegExp("規則");
//常用方法示範
function funRegExp(){
    var pat = new RegExp("e.*e");
    var t1 = pat.test("esdjkfe");//檢索字串中是否有知道正則中的子串
    var t2 = pat.exec("ejdklsj");//檢索並返回字串,無則返回null
    pat.compile("e");//修改已有的正則規則
    var t3 = pat.test("eeee");
    var txt = "t1 = "+t1+",t2 = "+t2+",t3 = "+t3;
    alert(txt);
}
//更多內容請參考http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
//10)HTML DOM/*HTML DOM 是 W3C 標準(是 HTML 文件物件模型的英文縮寫,Document Object Model for HTML)。
HTML DOM 定義了用於 HTML 的一系列標準的對象,以及訪問和處理 HTML 文檔的標準方法。
通過 DOM,可以訪問所有的 HTML 元素,連同它們所包含的文本和屬性。可以對其中的內容進行修刪除,同時也可以建立新的元素。
HTML DOM 獨立於平台和程式設計語言。它可被任何程式設計語言諸如 Java、JavaScript 和 VBScript 使用。
更多內容請參考http://www.w3school.com.cn/jsref/dom_obj_document.asp*/


JavaScript入門基礎知識總結(3)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.