Javascript的基本文法

標籤：javascript   基本文法   dom   

1.JavaScript與DOM的關係：
瀏覽器有渲染HTML代碼的功能，把HTML源碼在記憶體裡形成一個DOM對象，就是文檔對象。
瀏覽器內部有一個JavaScript的解譯器/執行器/引擎。
在HTML裡寫一個JavaScript代碼，JavaScript碼被引擎所執行，而執行的結果就是對DOM的操作。
而對DOM的操作的結果，就是我們常看到的特效，片漂浮，文字變色。
JavaScript的宿主不僅是瀏覽器，也可以是伺服器。

學習JavaScript主要分清：
（1）.JavaScript語言本身的文法。
（2）.DOM對象（把body，div，p等節點樹看成一個對象）

（3）.BOM對象（把瀏覽器的地址欄，記錄，DOM等裝在一個對象裡。

2.

3.命名規範：
JavaScript的變數名可以用_,數字，字母，$,組成，且數字不能開頭。
聲明變數用var 變數名 來聲明。
var a = 34;
var b = 45;
alert(a+b);
console.log(a,b,a+b);
var $c = ‘world‘;
alert($c);
var $=‘jquery‘;
alert($);

注意：JavaScript中的變數是需要區分大小寫。str和Str不是一個變數。
注意：不用var，會汙染全域變數。

4.//js的變數類型
    var a = 23;//整數類型
    var b = 3.14;//浮點數類型
    var c = "hello";//字串類型
    var d = ‘world‘;
    var e = true; //bool類型
    var f = null;//沒有對象資料
    var g = undefined;//沒有原申資料
    var h = {name:‘lisi‘,age:20};//關聯陣列，物件類型
    console.log(h.name);
    console.log(h[‘name‘]);

    var arr=[‘a‘,3,‘hello‘,true];//數組始終從0,1,2...開始遞增
    console.log(arr);
    alert(arr);
    console.log(arr[2]);

5.//js中拼接運算子 "+"
    console.log(2+3);
    console.log(‘hello‘+‘ ‘+‘world‘);
    console.log(2+3+4+‘haha‘+5+6);//9haha56,一旦遇到非法數字後，後面的一律直接拼接。

    //js中邏輯運算，返回的是最早能判斷運算式結果的那個值
    var a = false;
    var b = 6;
    var c = true;
    var d = (a||b||c);
    var e = (a||c);
    console.log(d);//6
    console.log(e);//true
    console.log(a&&b);//flase

6.JavaScript中的控制結構：

var arr = [‘趙‘,‘錢‘,‘孫‘,‘李‘];
    for(var i = 0 ; i < arr.length ; i++){
        console.log(arr[i]);
    }
    var obj = {
        name:‘lisi‘,
        age:29,
        area:‘bj‘
    };
    for(var k in obj){
        console.log(k+‘~‘+obj[k]+‘~‘+obj[‘k‘]);
    }
    /*運行結果
    name~lisi~undefined
    age~29~undefined
    area~bj~undefined
    */

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Javascript的基本文法