1.1 JavaScript基礎概念：
JavaScript (ECMAScript) ：JavaScript 是腳本語言。JavaScript和ECMAScript通常被人用來表達相同的含義，但是JavaScript並不是這麼一點含義，它是由ECMAScript 核心. DOM 文檔對象模型. BOM 瀏覽器對象模型 這三部分組成。瀏覽器會在讀取代碼時，逐行地執行腳本代碼。而對於傳統編程來說，會在執行前對所有代碼進行編譯。
1.1.1 ECMAScript
組成部分：語法，類型，語句，關鍵字，保留字，操作符，對象。
1.1.2 DOM
文檔對象模型（DOM ， Document Object Model）是針對XML但是經過拓展用於HTML的應用程序編程接口。DOM把整個頁面
映射爲一個多層節點結構，開發人員藉助DOM Api對節點進行操作。
HTML DOM （文檔對象模型）
當網頁被加載時，瀏覽器會創建頁面的文檔對象模型（Document Object Model）。
HTML DOM 模型被構造爲對象的樹。
HTML DOM 樹:
image.png
通過可編程的對象模型，JavaScript 獲得了足夠的能力來創建動態的 HTML。
· JavaScript 能夠改變頁面中的所有 HTML 元素
· JavaScript 能夠改變頁面中的所有 HTML 屬性
· JavaScript 能夠改變頁面中的所有 CSS 樣式
· JavaScript 能夠對頁面中的所有事件做出反應
1.1.3 BOM
瀏覽器對象模型（Browser Object Model）使用BOM控制瀏覽器顯示頁面意外的部分。
1.2 在HTML中使用JavaScript方式
1.2.1 javaScript腳本加載的位置
1 通過在網頁中加入之間
2 也可以引入一個外部的JavaScript文件，這個JavaScript文件一般以.js作爲擴展名
3 原則上，放在之間。但視情況可以放在網頁的任何部分
4 一個頁面可以有幾個
1.2.2 javaScript語句的注意點
（1）對大小寫敏感
（2）自動忽略多餘的空格
（3）在文本字符串中使用反斜槓對代碼行進行換行
（4）單行註釋（//）多行註釋（/* */）
1.3 JavaScript基本語法：
變量要先聲明再賦值
變量可以重複賦值
變量的命名規則
變量必須以字母開頭；
變量也能以$和_符號開頭（不過我們不推薦這麼做）；
變量名稱對大小寫敏感（a和A是不同的變量)。
1.3.2 數據類型
typeof操作符：用於檢測給定變量的數據類型。
· undefined類型 只有一個特殊的值就是undefined，在使用var聲明變量但未初始化時，變量的值是undefined。
· null類型 只有一個特殊的值就是null，null值表示一個空對象指針，使用typeof操作符檢測null值會返回“object”。
· boolean類型 布爾值和布爾代數的表示完全一致，一個布爾值只有true、false兩種值，要麼是true，要麼是false，可以直接用true、false表示布爾值，也可以通過布爾運算計算出來。boolean類型的字面值true和false****是區分大小寫的。
· number類型 JavaScript不區分整數和浮點數，統一用Number表示，以下都是合法的Number類型：
123; // 整數123
070; //八進制的56
0xA; //十六進制的10
0.456; // 浮點數0.456
1.2345e3; // 科學計數法表示1.2345x1000，等同於1234.5
-99; // 負數
NaN; // NaN表示Not a Number，當無法計算結果時用NaN表示
Infinity; // Infinity表示無限大，當數值超過了JavaScript的Number所能表示的最大值時，就表示爲Infinity
· string類型 字符串是以單引號’或雙引號”括起來的任意文本，比如’abc’，”xyz”等等。請注意，”或”“本身只是一種表示方式，不是字符串的一部分，因此，字符串’abc’只有a，b，c這3個字符。 如果’本身也是一個字符，那就可以用”“括起來，比如”I’m OK”包含的字符是I，’，m，空格，O，K這6個字符。 如果字符串內部既包含’又包含”怎麼辦？可以用轉義字符\來標識，比如：
‘I’m “OK”!’;
表示的字符串內容是：I’m “OK”! 轉義字符\可以轉義很多字符，比如\n表示換行，\t表示製表符，字符\本身也要轉義，所以\表示的字符就是\。