JavaScript 學習 4

標籤：定位字元   表單驗證   按鈕   search   const   返回   運算式   body   func   

HTML 事件

HTML 事件可以是瀏覽器行為，也可以是使用者行為。

以下是 HTML 事件的執行個體：

• HTML 頁面完成載入
• HTML input 欄位改變時
• HTML 按鈕被點擊

通常，當事件發生時，你可以做些事情。

在事件觸發時 JavaScript 可以執行一些代碼。

HTML 元素中可以添加事件屬性，使用 JavaScript 代碼來添加 HTML 元素。

常見的HTML事件

下面是一些常見的HTML事件的列表:

事件	描述
onchange	HTML 元素改變
onclick	使用者點擊 HTML 元素
onmouseover	使用者在一個HTML元素上移動滑鼠
onmouseout	使用者從一個HTML元素上移開滑鼠
onkeydown	使用者按下鍵盤按鍵
onload	瀏覽器已完成頁面的載入

JavaScript 可以做什麼?

事件可以用於處理表單驗證，使用者輸入，使用者行為及瀏覽器動作:

• 頁面載入時觸發事件
• 頁面關閉時觸發事件
• 使用者點擊按鈕執行動作
• 驗證使用者輸入內容的合法性
• 等等 ...

可以使用多種方法來執行 JavaScript 事件代碼：

• HTML 事件屬性可以直接執行 JavaScript 代碼
• HTML 事件屬性可以調用 JavaScript 函數
• 你可以為 HTML 元素指定自己的事件處理常式
• 你可以阻止事件的發生。

特殊字元

在 JavaScript 中，字串寫在單引號或雙引號來中。

因為這樣，以下執行個體 JavaScript 無法解析：

"We are the so-called "Vikings" from the north."

字串 "We are the so-called " 被截斷。

如何解決以上的問題呢？可以使用反斜線 (\) 來轉義 "Vikings" 字串中的雙引號，如下:

 "We are the so-called \"Vikings\" from the north."

 反斜線是一個逸出字元。 逸出字元將特殊字元轉換為字串字元：

逸出字元 (\) 可以用於轉義撇號，換行，引號，等其他特殊字元。

下表中列舉了在字串中可以使用逸出字元轉義的特殊字元：

代碼	輸出
\‘	單引號
\"	雙引號
\\	反斜線
\n	換行
\r	斷行符號
\t	tab(定位字元)
\b	退格符
\f	換頁符

在 JavaScript 中有 5 種不同的資料類型：

• string
• number
• boolean
• object
• function

3 種物件類型：

• Object
• Date
• Array

2 個不包含任何值的資料類型：

• null
• undefined

constructor 屬性返回所有 JavaScript 變數的建構函式。

方法	描述
getDate()	從 Date 對象返回一個月中的某一天 (1 ~ 31)。
getDay()	從 Date 對象返回一周中的某一天 (0 ~ 6)。
getFullYear()	從 Date 對象以四位元字返回年份。
getHours()	返回 Date 對象的小時 (0 ~ 23)。
getMilliseconds()	返回 Date 對象的毫秒(0 ~ 999)。
getMinutes()	返回 Date 對象的分鐘 (0 ~ 59)。
getMonth()	從 Date 對象返回月份 (0 ~ 11)。
getSeconds()	返回 Date 對象的秒數 (0 ~ 59)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒數。

全域方法 Number() 可以將字串轉換為數字。

字串包含數字(如 "3.14") 轉換為數字 (如 3.14).

Null 字元串轉換為 0。

其他的字串會轉換為 NaN (不是個數字)。

JavaScript Regex

Regex（英語：Regular Expression，在代碼中常簡寫為regex、regexp或RE）使用單個字串來描述、匹配一系列符合某個句法規則的字串搜尋模式。

搜尋模式可用於文本搜尋和文本替換。

什麼是Regex？

Regex是由一個字元序列形成的搜尋模式。

當你在文本中搜尋資料時，你可以用搜尋模式來描述你要查詢的內容。

Regex可以是一個簡單的字元，或一個更複雜的模式。

Regex可用於所有文本搜尋和文本替換的操作。

使用字串方法

在 JavaScript 中，Regex通常用於兩個字串方法 : search() 和 replace()。

search() 方法 用於檢索字串中指定的子字串，或檢索與Regex相匹配的子字串，並返回子串的起始位置。

replace() 方法 用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。

 

JavaScript 學習 4（轉）