Javascript基礎（二）

• 事件：
• 條件語句
• 類型轉換
• 正則表達式regexp
• 錯誤拋出
• void

事件：

是發生在HTML元素上的行為，可以是瀏覽器行為，可以是用戶行為

a) html 元素添加事件屬性：

<p οnclick= 'alert('hello')'>點擊提示</p> <button οnclick= 'Date()'>點擊查看現在時間</button> <a onclick="handleEvent()">點我</a>

b) 常用的HTML事件：

onclick: 用戶點擊html元素

onchange: html元素改變

onmouseover: 用戶鼠標在html元素上移動

onmouseout: 用戶鼠標從html元素上移開

onkeydown: 用戶按下鍵盤鍵

onload: 瀏覽器已完成頁面加載

條件語句

a) if...else：用于基于不同的條件來執行不同的動作

if () { } else if () { } else if () { } else { }

b) switch ：用于基于不同的條件來執行不同的動作

switch(n){case: 1: //代碼塊break;case: 2: //代碼塊break;default: //代碼塊 } // 使用 default 關鍵詞來規定匹配不存在時做的事情

c) for循環：一遍又一遍地運行相同的代碼，并且每次的值都不同，那么使用循環是很方便的

for (語句 1; 語句 2; 語句 3) {被執行的代碼塊 } // 語句 1 （代碼塊）開始前執行 // 語句 2 定義運行循環（代碼塊）的條件 // 語句 3 在循環（代碼塊）已被執行之后執行 for (var i=0;i<cars.length;i++) { document.write(cars[i] + "<br>"); }

d) for/in循環：循環遍歷對象的屬性

var person={fname:"John",lname:"Doe",age:25}; for (x in person) // x 為屬性名 {txt=txt + person[x]; }

e) while循環：在指定條件為真時循環執行代碼塊

while (條件) {需要執行的代碼 }

f) do/while循環： 該循環會在檢查條件是否為真之前執行一次代碼塊，然后如果條件為真的話，就會重復這個循環

do {需要執行的代碼 } while (條件);

g) break 和 continue 語句：

break 語句用于跳出循環。

continue 用于跳過循環中的一個迭代。

類型轉換

a) 轉換為字符串：String() 、 toString()、自動轉換（與字符串連接時）

let a = 1; console.log( String(a) ); console.log( a.toString() ); console.log( a + '' );// 當你嘗試輸出一個對象或一個變量時 JavaScript 會自動調用變量的 toString() 方法 document.getElementById("demo").innerHTML = myVar; myVar = 123 // toString 轉換為 "123" myVar = true // toString 轉換為 "true" myVar = false // toString 轉換為 "false" myVar = {name:"Fjohn"} // toString 轉換為 "[object Object]" myVar = [1,2,3,4] // toString 轉換為 "1,2,3,4" myVar = new Date() // toString 轉換為 "Fri Jul 18 2014 09:08:55 GMT+0200"

b) 轉換為數字： Number()、parseFloat()浮點數、parseInt()整數、一元運算符+、自動轉換（字符串與數字進行減乘除時）

Number("3.14") // 返回 3.14 Number(" ") // 返回 0 Number("") // 返回 0 Number(false) // 返回 0 Number(true) // 返回 1 Number("99 88") // 返回 NaN d = new Date(); Number(d) // 返回 1404568027739

一元運算符+ ：可將字符串轉為數字

一元運算符+, 可將字符串轉為數字 var y = "5"; // y 是一個字符串 var x = + y; // x 是一個數字（ 5）var y = "John"; // y 是一個字符串 var x = + y; // x 是一個數字 (NaN) 字符串和數字相加，會變成字符串 "5" + 1 // String 返回 "51" 1 轉換為 "1" "5" - 1 // Number 返回 4 "5" 轉換為 5 "5" * 1 // Number 返回55 + null // Number 返回 5 null 轉換為 0 "5" + null // String 返回"5null" null 轉換為 "null"

正則表達式regexp

是由一個字符序列形成的搜索模式。搜索模式可用于文本搜索和文本替換。

語法：
/正則表達式主體/修飾符(可選)

eg: var patt = /runoob/i （i 搜索不區分大小寫）

a) 修飾符： 用于執行區分大小寫和全局匹配

b) 方括號： 用于查找某個范圍內的字符

c) 元字符： 擁有特殊含義的字符

d) ：量詞：

錯誤拋出

try 語句測試代碼塊的錯誤。

catch 語句處理錯誤。

finally 語句在 try 和 catch 語句之后，無論是否有觸發異常，該語句都會執行。

throw 語句創建自定義錯誤。

try {... //異常的拋出，定義在執行時進行錯誤測試的代碼塊 } catch(e) {... //異常的捕獲與處理，當 try 代碼塊發生錯誤時，所執行的代碼塊 } finally {... //結束處理 } var message, x;message = document.getElementById("message");message.innerHTML = "";x = document.getElementById("demo").value;try { if(x == "") throw "值為空";if(isNaN(x)) throw "不是數字";x = Number(x);if(x < 5) throw "太小";if(x > 10) throw "太大";}catch(err) {message.innerHTML = "錯誤: " + err;}

void

a) javascript:void(0): 指定要計算一個表達式但是不返回值

<a href="javascript:void(0)">單擊此處什么也不會發生</a>

b) href="#"與href="javascript:void(0)"的區別:

包含了一個位置信息，默認的錨是#是網頁的上端，在頁面很長的時候會使用 # 來定位頁面的具體位置，格式為：# + id。
而javascript:void(0), 僅僅表示一個死鏈接。

總結

以上是生活随笔為你收集整理的Javascript基础（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。