一挠唆、初始JavaScript
1.1 JavaScript歷史
- 布蘭登·艾奇（Brendan Eich，1961年~）雹仿。
- 神奇得大哥在1995年利用10天完成得JavaScript設計增热。
- 網(wǎng)景公司最初命名為LiveScript，后來在與Sun合作之后將其改名為JavaScript胧辽。
1.2 JavaScript是什么
- JavaScript是世界上最流行得語言之一峻仇，是一種運行在客戶端得腳本語言（Script是腳本的意思）
- 腳本語言：不需要編譯，運行過程中由js解釋器（js引擎）逐行來進行解釋并執(zhí)行
-
現(xiàn)在也可以基于Node.js技術進行服務器端編程
image.png
1.3 JavaScript的作用
- 表單動態(tài)校驗（密碼強度檢測）（
）
- 網(wǎng)頁特效
- 服務端開發(fā)（Node.js）
- 桌面程序（Electron）
- App（Cordova）
- 控制硬件-物聯(lián)網(wǎng)（Ruff）
- 游戲開發(fā)（cocos2d-js）
1.4 HTML/CSS/JS的關系
- HTML決定網(wǎng)頁結(jié)構和內(nèi)容（決定看到什么）邑商，相當于人的身體
- CSS決定網(wǎng)頁呈現(xiàn)給用戶的模樣（決定好不好看）摄咆，相當于給人穿衣服凡蚜、化妝
-
實現(xiàn)業(yè)務邏輯和頁面控制（決定功能），相當于人的各種動作
image.png
1.5 JS的組成
image.png
1.5.1 ECMAScript
是由ECMA國際（原歐洲計算機制造商協(xié)會）進行標準化的一門編程語言吭从，這種語言在萬維網(wǎng)上應用廣泛朝蜘，它往往被稱為JavaScript或JScript，但實際上后兩者是ECMAScript語言的實現(xiàn)和擴展涩金。
image.png
ECMAScript：ECMAScript規(guī)定了JS的編程語法和基礎核心知識谱醇，是所有瀏覽器廠商共同遵守的一套JS語法工業(yè)標準。
1.5.2 DOM---文檔對象模型
副渴，是W3C組織推薦的處理可擴展標記語言的
。通過DOM提供的接口可以對頁面上的各種元素進行操作（大小全度、位置煮剧、顏色等）。
1.5.3 BOM---瀏覽器對象模型
（Browser Object Model将鸵，簡稱BOM）是指瀏覽器對象模型勉盅，它提供了獨立于內(nèi)容的、可以與瀏覽器窗口進行互動的對象結(jié)構顶掉。通過BOM可以操作瀏覽器窗口草娜，比如彈出框、控制瀏覽器跳轉(zhuǎn)一喘、獲取分辨率等驱还。
1.6 JS初體驗
JS有3種書寫位置，分別為行內(nèi)凸克、內(nèi)嵌和外部议蟆。
1.6.1 行內(nèi)式 JS
<input type="button" value="點我試試" onclick="alert('hello world')" />
- 可以將單行或少量JS代碼寫在HTML標簽的事件屬性中（以on開頭的屬性），如：onclick
- 注意單雙引號的使用：在
中我們推薦使用
中我們推薦使用單引號
- 可讀性差咐容，在html中編寫JS大量代碼時，不方便閱讀蚂维；
- 引號易錯戳粒，引號多層嵌套匹配時，非常容易弄混虫啥；
- 特殊情況下使用
1.6.2 內(nèi)嵌JS
<script>
alert('hello wolrd');
</script>
- 可以將多行JS代碼寫到 <script>標簽中
- 內(nèi)嵌JS是學習時常用的方式
1.6.3 外部js文件
<script src="my.js"></script>
- 利于HTML頁面代碼結(jié)構化蔚约，把大段JS代碼獨立到HTML頁面之外，即美觀涂籽，也方便文件級別的復用
- 引用外部JS文件的script標簽中間不可以寫代碼
- 適合于JS代碼量比較大的情況
1.7 JavaScript輸入輸出語法
為了方便信息的輸入輸出苹祟，JS中提供了一些輸入輸出語句，其常用的語句如下：
| 方法 | 說明 | 歸屬 |
|---|---|---|
| alert(msg) | 瀏覽器彈出警示框 | 瀏覽器 |
| console.log(msg) | 瀏覽器控制臺打印輸出信息 | 瀏覽器 |
| prompt(info) | 瀏覽器彈出輸入框，用戶可以輸入 | 瀏覽器 |
