JavaScript學習筆記


一、JavaScript簡介
    JavaScript是基於對象和事件驅動的腳本語言,主要應用在客戶端。
    特色:
        交互性:信息的動態交互
        安全性:不能夠直接訪問本地硬盤
        跨平臺性:只要是能夠解析JS的瀏覽器均可以執行,與平臺無關

    基於對象:
        提供了不少對象,而已直接使用。
    事件驅動:
        HTML作出的網站都是「靜態效果」,而JavaScript能夠實現「動態」效果。
    客戶端:
        指瀏覽器。
    JS與Java的區別:
        JS是網景公司開發的一種腳本語言,能夠在全部的主流瀏覽器中運行。
        JS是基於對象的,而Java是面向對象的。
        JS只須要解析就能夠執行,而Java須要先編譯成字節碼文件,再執行。
        JS是一種弱類型語言,而Java是一種強類型語言。

    JavaScript語言組成:
        核心:ECMAScript
            ECMA(歐洲計算機協會),JS語法由該組織制定。
        文檔對象模型:DOM
            Document ObjectModel
        瀏覽器對象模型:BOM
            Browser ObjectModel

二、JavaScript與HTML結合方式(兩種)
    第一種:
        <scripttype="text/javascript" > JS代碼 </script>
    第二種:使用script標籤引入外部js文件。
        <script type="text/javascript"src="js文件路徑" ></script>
        可是,當引入外部js文件時,script標籤內不能再寫其餘的js代碼。
        
三、JavaScript原始類型和聲明變量
    基本語法:
        變量、函數、運算符區分大小寫。
        變量是弱類型的:(原始類型)javascript

           var a = 10;
            var b = true;
            var c ="hello world";
        五種原始類型:
            string、number、boolean、null、undifined
            null表示對象引用爲空。
            undifined表示定義了變量可是沒有賦值。
        每行結尾的分號無關緊要,建議編寫。
        兩種類型的註釋:
            單行註釋:// 註釋內容
            多行註釋:/* 註釋內容 */

        typeof運算符:
            經過typeof()運算符,能夠查看變量的類型,typeof(變量名),全部引用的類型都是object。
        經過instanceof運算符能夠解決typeof對象類型判斷的問題。
        區分undefined和null:
            變量定義了未初始化或者訪問對象不存在的屬性,會出現undefined。
            訪問的對象不存在時,會出現null。

        全局變量和局部變量:
            全局變量:在script標籤裏面定義一個變量,這個變量在頁面中js部分均可以使用
            局部變量:在方法內部定義一個變量,只能在方法內部使用。

四、JavaScript的語句
    if、switch、for、while、do-while
    switch語句:
        JDK1.7版本以後支持了String類型,而JS中支持全部的數據類型。

五、JavaScript的運算符
    JavaScript中不區分整數和小數,因此除法中沒有整數,會出現小數。
        alert(123 / 1000 * 1000);,輸出結果爲123。
    字符串與數字相加,是字符串鏈接,若是是相減,則字符串直接轉換成數字再進行相減。
    boolean類型能夠進行運算,false是0或者null,非0或非null是true,默認用1顯示。

    NaN:
        not a number:非數字。
        屬於number類型。
        用來表示數值的一種狀態,一種不正常的狀態。
        通常狀況下會在計算出現錯誤的時候出現。
        判斷當前的數據類型是不是NaN的關鍵字:isNaN()
           若是結果是非數字:true
           若是結果是數字:false
    ==和===的區別:
        ==判斷的是值,和類型無關。
        ===既判斷值,又判斷類型。

六、99乘法表示例
    <script type="text/javascript">前端

        for(vari = 1; i < 10; i++)java

        {web

            for(varj = 1; j < i + 1; j++)數組

            {瀏覽器

                document.write(j+ " * " + i + " = " + (i * j) +"&nbsp;&nbsp;");安全

            }函數

            document.write("<br/>");學習

        }網站

    </script>

七、JavaScript數組     三種定義方式:         var arr = [1, "2", true];         var arr = new Array(5);         var arr = new Array(1,2,3);     數組有length屬性。     數組的長度是可變的。     數組能夠存放不一樣類型的數據。 八、函數     普通函數:         function method(){ }         function method2(a, b) { return a + b;}         參數列表中不須要寫var,直接寫變量名。     匿名函數:         var add = function method(a, b) { returna + b; }         經過add(1,2);進行調用。     內置對象:(動態函數)         使用到js中的一個內置對象:Function         var add = new Function("參數列表","方法體和返回值");         var args = "";         var body = "";         var add = new Function(args, body); 九、script標籤放置的位置     理論上能夠放在任意位置。     不過因爲HTML解析是由上到下的,因此一般狀況下放在</body>標籤以後。 十、JS的方法重載      更多web前端學習信息,加羣434623999

相關文章
相關標籤/搜索