JavaScript 概述

JS作用

• 驗證表單（以前的網速慢）
• 頁面特效（PC端的網頁效果）
• 移動端（移動web和app）
• 非同步和伺服器互動（AJAX）
• 服務端開發（nodejs）

語言型別

js是一種指令碼語言，不僅是指令碼語言還是弱型別的指令碼語言。

指令碼語言是一種解釋性語言，解釋性語言是相對於編譯性語言而言的。

編譯型語言：編譯程式碼，把程式碼編譯成CPU認識的語言(檔案)，然後整體的執行。

解釋型語言：一行一行解析，解析一行執行一行。

弱型別語言：簡單理解定義一個變數，可以有多種資料型別。（如：var）

前端組成

HTML：提供網頁上顯示的內容（結構）

CSS ：美化網頁（樣式）

JavaScript（js）：控制網頁行為（行為）

js組成

js = ECMAScript + DOM + BOM + 高階

ECMAScript（前身為歐洲計算機制造商協會）：JavaScript的語法規範

DOM（Document Object Model 的文件物件模型簡稱）：JavaScript操作網頁上元素的API

BOM（Browser Object Model 的瀏覽器物件模型簡稱）：JavaScript操作瀏覽器部分功能的API

js書寫位置

內嵌式：
　　一般放在body的最後，有時放在head標籤中。
外鏈式：
　　src=”外部js檔案路徑”

JS基礎知識

一、輸出語句

console.log("內容"); // 在控制檯列印輸出內容
alert("內容"); // 彈窗顯示內容
document.write("內容"); // 在頁面書寫內容，其內容可以識別標籤
document.write("<h1>你好</h1>")

二、其他語句

alert("內容"); // 彈出對話方塊
prompt("提示資訊"); // 可以在彈出的對話方塊輸入內容給後臺
confirm("") // 彈出對話方塊，有是否按鈕

三、js程式碼的注意問題：

1. 在一對script的標籤中有錯誤的js程式碼，那麼該錯誤的程式碼後面的js程式碼不會執行。
2. 如果第一對的script標籤中有錯誤，不會影響後面的script標籤中的js程式碼執行。
3. script標籤裡面可以寫的內容：type=”text/javascript” 標準寫法，或者 language=”JavaScript”，都是可以省略的，原因遵循h5標準。
4. script標籤可以出現多對。
5. 如果使用引入外部js檔案的方式，那麼不要在script標籤裡面寫任何js程式碼，如果想寫，就新開一對script標籤。