JavaScript Day 1
阿新 • • 發佈：2021-10-04
JavaScript Day 1
JavaScript簡介
對網頁行為進行程式設計的語言
學習內容：ECMAScript、DOM、BOM
一些輸出函式
document.write("document.write()測試");//寫入html的body內容
console.log("console.log()測試");//列印資訊到控制檯
alert("alert()測試");//顯示一個彈出框
JavaScript編寫位置
寫在html的script標籤中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 編寫位置如下 --> <script> alert("Hello World!"); </script> </head> <body> </body> </html>
寫入js檔案並通過標籤呼叫
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="/demo01.js"></script> </head> <body> </body> </html>
寫到標籤屬性中(不推薦)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="/demo01.js"></script> </head> <body> <button onclick="alert('屬性寫入js語句')">button測試</button> </body> </html>
Note:當引入外部js時，標籤內部js會失效
基本語法
-
註釋
/*多行註釋*/ //單行註釋 -
區分大小寫
-
以分號結尾
字面量和變數
- 字面量可直接使用（常量）
- 變數的值可以改變（使用var宣告）
- 識別符號的規則（含有字母、數值、下劃線和$，不以數字開頭，且不為關鍵字和保留字）
資料型別
Note：使用typeof（）運算子檢視資料型別
- 字串型別（String）
- 字串使用雙引號或單引號
- 數值型
- 浮點數
- 整數
- Infinity（無窮）
- NAN（not a number）
- 布林型
- true
- false
- 空值(Null,表示空物件)
- 未定義（undefined,宣告時未賦值）
- 物件