# JavaScript 入門 ## JavaScript 作用 ## JavaScript 歷史和發展歷史 ## JS是前臺語言而不是后臺語言   JavaScript是運行在客戶的電腦中,而不是服務器上! 所以我們成為"前臺語言",就是服務于頁面的交互效果、美化、絢麗“后臺語言”是運行在服務器上的，比如PHP、ASP、JSP等等，這些語言都能夠操作數據庫，都能夠對數據庫進行“增刪改查”操作。 （Node.js除外，先別管Node.js是什么）。 ## JavaSctip 組成  - 語言核心 - 基礎課程只學習語言，變量、表達式、運算符、函數、if語句、for語句 - DOM - 就是控制HTML中的元素，比如讓盒子移動、變色、輪播圖。DOM是啥。 - BOM - 就是控制瀏覽器的一些東西，比如讓瀏覽器自動滾動。BOM是啥。 ## JavaScript 書寫規則 1. 行內 ``` 和標簽寫在一行,混雜在一塊, <標簽名 onclick="javascript:alert('行內js)"></標簽名> ``` 2. 內部 建議放在body后面 ``` <script type="text/javascript">內容</script> alert('內部js'); ``` alert: 英文表示警告, 用途就是彈出 "警告框" 3. 外部 ``` <script type="text/javascript" src="*.js"></script> alert('外部js'); ``` ## JS 概念 JavaScript 是一種基于事件的,面向對象的腳本語言! - 事件: js的代碼都需要通過鍵盤或鼠標動作觸發! 常用事件 - 單擊 onclick - 雙擊 ondblclick - 鼠標滑過 onmouseover - 鼠標移開 onmouseleave 語法,函數 ``` <標簽 事件名='函數名()'></標簽> 功能定義在函數中 function 函數名 (){......} ``` - 面向對象 ``` <標簽 onclick="this.style.各種屬性"></標簽> ``` - 腳本語法: 可以直接在瀏覽器上運行的語言叫腳本語言 ## JS基本語法之變量  “編程語言中js是最簡單入門的! 編程語言特點:能在電腦中存儲數據,能做運算,邏輯處理能力(判斷,比較,賦值.....循環....)!!!!!!! ” JS 使用變量存儲數據 ``` 數學中: 定義 pi = 3.1415926; JS: var x= 3; [把3賦值給x] 彈框 alert(x) ``` ## 警告框 alert() ## 控制臺打印 ## JS數據類型 計算機中變量存儲數據是嚴格區分不同類型的! JS中的數據類型: - 數 int - 數( 單精度小數/雙精度小數 ) float/double - 非數/字符串 string - 真假 boolean true false - 未定義 underfined - null 找不到標簽 以上 5種是js的基本數據類型,還有1中是對象類型 - Object 對象類型 定義語法 ``` var 變量名 = 值; typof(變量); ``` 弱數據類型語言, 可以被多次賦值! 變量名區分大小寫! ## 數字和字符串 “直接量”也稱為“字面量”，就是看見什么，它就是什么。 簡單的直接量有2種：數字、字符串。 字符串，就是人說的話，比如單詞、句子，它們不是數字。一定要加上引號。 你將知道，”100” 和100不是一個東西 ``` alert(今天天氣很好); //錯誤的語句，因為沒有加上引號 ```  ## 注釋 - 單行 // - 多行 /**/ 提示 `ctrl+/` ## 變量 ## 數據類型 ## 運算符 1. 算數運算符(++,--) 3. 比較運算符 4. 邏輯運算符 5. 三目運算符 ### 算數 ### 自加自減 ### 比較 ### 邏輯 ### 三目運算符 ## 輸入輸出 - prompt - alert - console ## 總結