1. 程式人生 > >JavaScript 學習 4(轉)

JavaScript 學習 4(轉)

什麽 class 全局 完成 屬性 color 代碼 頁面 字段

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).

空字符串轉換為 0。

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

JavaScript 正則表達式


正則表達式(英語:Regular Expression,在代碼中常簡寫為regex、regexp或RE)使用單個字符串來描述、匹配一系列符合某個句法規則的字符串搜索模式。

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

什麽是正則表達式?

正則表達式是由一個字符序列形成的搜索模式。

當你在文本中搜索數據時,你可以用搜索模式來描述你要查詢的內容。

正則表達式可以是一個簡單的字符,或一個更復雜的模式。

正則表達式可用於所有文本搜索和文本替換的操作。

使用字符串方法

在 JavaScript 中,正則表達式通常用於兩個字符串方法 : search() 和 replace()。

search() 方法 用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串,並返回子串的起始位置。

replace() 方法 用於在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。

JavaScript 學習 4(轉)