本章節主要内容是：javascript的初步了解，基本文法( 三種js書寫方式、注釋、alert語句、prompt語句、console控制台的基本使用 )
前端三層- HTML 結構層 從語義的角度描述頁面結構
- css 樣式層 從美觀的角度描述頁面樣式
- JavaScript 行為層 從互動的角度描述頁面行為
JavaScript
- JavaScript 是一種運作在用戶端 的腳本語言 ，最早是在 HTML（标準通用标記語言下的一 個應用）網頁上使用，用來給 HTML 網頁增加動态功能
- 浏覽器就是一種運作 JavaScript 腳本語言的用戶端，JavaScript 的解釋器被稱為 JavaScript 引擎，為浏覽器的一部分
ECMAScript 的應用
- Javscript，JScript，ActionScript 等腳本語言都是基于 ECMAScript 标準實作的
- 在 JavaScript，JScript 和 ActionScript 中聲明變量，操作數組等文法完全一樣，因為它們都是 ECMAScript。但是在操作浏覽器對象等方面又有各自獨特的方法，這些都是各自語言的擴充
JavaScript 的組成
- JavaScript 是由 ECMAScript，DOM 和 BOM 三者組成的
JavaScript 基本文法
1、書寫位置
①、寫在行内
<
②、寫在 html 中的 <script> 标簽中
<
③、寫在外部 js 檔案中，在頁面引入
<
注意：引用外部 js 檔案的 标簽中不可以寫 JavaScript 的代碼，自定義的 JavaScript 代碼，需要書寫在另一個新的 <script> 标簽中
2、JavaScript 注釋
- js 注釋分為兩種：塊級注釋和單行注釋
- 塊級注釋：又叫做多行注釋，作用範圍是選中的多行，寫作
- 單行注釋：作用範圍隻有符号後面的一行，寫作 //
<
VScode 快捷鍵：單行注釋( ctrl+/ )，多行注釋( ctrl+shift+/ )
3、alert() 語句
- alert：警示、警告
- 作用：在浏覽器中彈出一個警示框，警示框的警示内容可以人為自定義
- alert 語句是一個 js 内置好的功能（函數、方法），要想實作功能必須在 alert 關鍵字後面 加小括号執行，自定義的内容需要傳遞給小括号内的參數，輸出時參數位置的内容會出現 在彈框位置
<
示例圖：
- 文法1：alert 語句作為一個函數，如果要執行，必須在後面緊跟着添加小括号。
- 文法2：alert 語句作為一個函數，小括号内部可以傳遞參數，根據資料類型不同，有不同的文法要求，例如文字内容（字元串）必須寫在一對引号内部。
- 文法3：如果需要添加一對引号，要麼是單引号，要麼是雙引号，不能一單一雙
- 文法4：所有的有特殊功能的符号必須是英文字元
- 文法5：語句後面的分号必要性。
- 文法6：js 對換行、縮進、空格也不敏感
- 文法7：如果 js 中沒有特殊控制結構，代碼都是從上往下、從左往右進行加載
4、prompt() 語句
- prompt：提示
- 作用：彈出一個對話框，内部有一個提示語句以及一個輸入框，可以在輸入框中根據提示任意輸入内容
- prompt 語句也是 js 内置的一個功能，必須加小括号執行，有兩個參數可以進行傳遞，每 個參數一般都是字元串類型，必須加引号，兩個參數中間用逗号分隔，引号和逗号都必須 是英文輸入法狀态
<
示例圖：
- 第二個參數位置的值，可以删除并重新輸入新的内容，代碼中也可以不設定第二個參數
5、console 控制台
- 在大部分浏覽器中，都有一個控制台，内部可以檢視 HTML、css 代碼，甚至調試代碼錯誤
- 浏覽器中右鍵點選審查元素（檢查），都可以打開控制台。
- 快捷鍵： F12
- 控制台中有一個 console(控制台) 的選項面闆，在 js 中有非常重要的作用
幫助程式員調試程式中出現的 bug，可以提示錯誤的個數、錯誤所在的行數、錯誤類型
②、可以在控制台中直接書寫一些語句，進行執行，也可以去計算數字
③、js 有一個内置對象 console，内部封裝了大量的屬性和方法（函數），可以通過給 console 對象打點調用方法名()、屬性名方式去執行。有一個叫做 log（日志）方法，可以 實作參數位置自定義内容在控制台輸出
<
示例圖：