JavaScript 在數百萬張頁面中 在數百萬張頁面中 JavaScript 被用來改進設計 驗證表單 檢測瀏覽器 創建被用來改進設計 驗證表單 檢測瀏覽器 創建 cookies 等等等等 等等等等 JavaScript 是因特網上最流行的腳本語言 并且可以在所有主要的瀏覽是因特網上最流行的腳本語言 并且可以在所有主要的瀏覽 器中運行 比方說器中運行 比方說 Internet Explorer Mozilla Firefox Netscape 和和 Opera 什么是什么是 JavaScript JavaScript 被設計用來向 HTML 頁面添加交互行為 JavaScript 是一種腳本語言 腳本語言是一種輕量級的編程語言 JavaScript 由數行可執行計算機代碼組成 JavaScript 通常被直接嵌入 HTML 頁面 JavaScript 是一種解釋性語言 就是說 代碼執行不進行預編譯 所有的人無需購買許可證均可使用 JavaScript Java 和和 JavaScript 是相同的嗎 是相同的嗎 不同 在概念和設計方面 Java 和 JavaScript 是兩種完全不同的語言 JavaScript 能做什么 能做什么 JavaScript 為為 HTML 設計師提供了一種編程工具 設計師提供了一種編程工具 HTML 創作者往往都不是程序員 但是 JavaScript 卻是一種只擁有極其簡單的語法的腳本語 言 幾乎每個人都有能力將短小的代碼片斷放入他們的 HTML 頁面當中 JavaScript 可以將動態的文本放入可以將動態的文本放入 HTML 頁面頁面 類似于這樣一段 JavaScript 聲明可以將一段可變的文本放入 HTML 頁面 document write name JavaScript 可以對事件作出響應可以對事件作出響應 可以將 JavaScript 設置為當某時間發生時才會被執行 例如頁面載入完成或者當用戶點擊某 個 HTML 元素時 JavaScript 可以讀寫可以讀寫 HTML 元素元素 JavaScript 可以讀取及改變 HTML 元素的內容 JavaScript 可被用來驗證數據可被用來驗證數據 在數據被提交到服務器之前 JavaScript 可被用來驗證這些數據 JavaScript 可被用來檢測訪問者的瀏覽器可被用來檢測訪問者的瀏覽器 JavaScript 可被用來檢測訪問者的瀏覽器 并根據所檢測到的瀏覽器 為這個瀏覽器載入相 應的頁面 JavaScript 可被用來創建可被用來創建 cookies JavaScript 可被用來存儲和取回位于訪問者的計算機中的信息 真實的名稱是真實的名稱是 ECMAscript JavaScript 的正式名稱是 ECMAscript 這個標準由 ECMA 組織發展和維護 這個標準仍然 處于發展中 HTML 的標簽用于把 JavaScript 插入 HTML 頁面當中 如何把如何把 JavaScript 放入放入 HTML 頁面頁面 document write Hello World 上面的代碼會在 HTML 頁面中產生這樣的輸出 Hello World 解釋 解釋 如果需要把一段 JavaScript 插入 HTML 頁面 需要使用標簽 同時使用 type 屬性來定義腳本語言 這樣 和就告訴瀏覽器 JavaScript 從何處開始 到何處結束 document write 字段是標準的 JavaScript 命令 用來向頁面寫入輸出 把 document write 命令輸入到與之間后 瀏覽器就會 把它當作一條 JavaScript 命令來執行 這樣瀏覽器就會像頁面寫入 Hello World document write Hello World 注意 注意 如果不使用標簽 瀏覽器就會把 document write Hello World 當作純文本 來處理 也就是說會把這條命令本身寫到頁面上 當頁面載入時 會執行位于當頁面載入時 會執行位于 body 部分的部分的 JavaScript 當被調用時 位于當被調用時 位于 head 部分的部分的 JavaScript 才會被執行 才會被執行 在哪里放置在哪里放置 JavaScript 頁面中的腳本會在頁面載入瀏覽器后立即執行 我們并不總希望這樣 有時我們希望當頁 面載入時執行腳本 而有時我們則希望當用戶觸發事件時才執行腳本 位于位于 head 部分的腳本 部分的腳本 當腳本被調用時 或者當事件被觸發時 腳本就會被執行 當你把腳本放置到 head 部分后 就可以確保在需要使用腳本之前 它已經被載入了 位于位于 body 部分的腳本 部分的腳本 在頁面載入時腳本就會被執行 當你把腳本放置于 body 部分后 它就會生成頁面的內容 在在 body 和和 head 部分的腳本 部分的腳本 你可以在文檔中放置任何數量的腳本 因此你既可以把腳本放置到 body 又可以放置到 head 部分 使用外部使用外部 JavaScript 有時 也許希望在若干個頁面中運行 JavaScript 同時不在每個頁面中寫相同的腳本 為了達到這個目的 你可以將 JavaScript 寫入一個外部文件之中 然后以 js 為后綴保存這 個文件 注意 注意 外部文件不能包含標簽 然后把 js 文件指定給標簽中 src 屬性 就可以使用這個外部文件了 提示 提示 可以把 js 文件放到網站目錄中通常存放腳本的子目錄中 這樣更容易管理和維護 JavaScript 是由瀏覽器執行的語句序列 是由瀏覽器執行的語句序列 JavaScript 語句語句 JavaScript 語句是發給瀏覽器的命令 這些命令的作用是告訴瀏覽器要做的事情 這個 JavaScript 語句告訴瀏覽器向網頁輸出 Hello world document write Hello world 通常要在每行語句的結尾加上一個分號 大多數人都認為這是一個好的編程習慣 而且在 web 上的 JavaScript 案例中也常常會看到這種情況 分號是可選的 根據 JavaScript 標準 瀏覽器把行末作為語句的結尾 正因如此 常常會 看到一些結尾沒有分號的例子 注釋 注釋 通過使用分號 可以在一行中寫多條語句 JavaScript 代碼代碼 JavaScript 代碼是 JavaScript 語句的序列 瀏覽器按照編寫順序依次執行每條語句 本例向網頁輸出一個標題和兩個段落 document write This is a header document write This is a paragraph document write This is another paragraph JavaScript 代碼快代碼快 JavaScript 可以分批地組合起來 代碼快以左花括號開始 以右花括號結束 代碼快的作用是一并地執行語句序列 本例向網頁輸出一個標題和兩個段落 document write This is a header document write This is a paragraph document write This is another paragraph 上例的用處不大 僅僅演示了代碼快的使用而已 通常 代碼塊用于在函數或條件語句中 把若干語句組合起來 比方說如果條件滿足 就可以執行這個語句分組了 JavaScript 注釋可用于增強代碼的可讀性 注釋可用于增強代碼的可讀性 JavaScript 注釋注釋 可添加注釋來對 JavaScript 進行解釋 或者提高其可讀性 單行的注釋以 開始 本例用單行注釋來解釋代碼 這行代碼輸出標題 document write This is a header 這行代碼輸出段落 document write This is a paragraph document write This is another paragraph JavaScript 多行注釋多行注釋 多行注釋以 開頭 以 結尾 本例使用多行注釋來解釋代碼 下面的代碼將輸出 一個標題和兩個段落 document write This is a header document write This is a paragraph document write This is another paragraph 使用注釋來防止執行使用注釋來防止執行 在本例中 我們用注釋來阻止一行代碼的執行 document write This is a header document write This is a paragraph document write This is another paragraph 在本例中 我們用注釋來阻止若干行代碼的執行 document write This is a header document write This is a paragraph document write This is another paragraph 在行末使用注釋 在本例中 注釋放置在語句的行末 document write Hello 輸出 Hello document write World 輸出 World 變量是用于存儲信息的容器 變量是用于存儲信息的容器 x 5 length 66 10 JavaScript 變量變量 正如代數一樣 JavaScript 變量用于保存值或表達式 可以給變量起一個簡短名稱 比如 x 或者更有描述性的名稱 比如 length JavaScript 變量也可以保存文本值 比如 carname Volvo JavaScript 變量名稱的規則 變量名稱的規則 變量對大小寫敏感 y 和 Y 是兩個不同的變量 變量必須以字母或下劃線開始字母或下劃線開始 注釋 注釋 由于 JavaScript 對大小寫敏感 變量名也對大小寫敏感 聲明 創建 聲明 創建 JavaScript 變量變量 在 JavaScript 中創建變量經常被成為 聲明 變量 可以通過 var 語句語句來聲明 JavaScript 變量 var x var carname 在以上聲明之后 變量并沒有值 不過可以在聲明它們時向變量賦值 var x 5 var carname Volvo 注釋 注釋 在為變量賦文本值時 請為該值加引號 向向 JavaScript 變量賦值變量賦值 通過賦值語句向 JavaScript 變量賦值 x 5 carname Volvo 變量名在 符號的左邊 而需要向變量賦的值在 的右側 在以上語句執行后 變量 x 中保存的值是 5 而 carname 的值是 Volvo 向未聲明的向未聲明的 JavaScript 變量賦值變量賦值 如果所賦值的變量還未進行過聲明 該變量會自動聲明 這些語句 x 5 carname Volvo 與這些語句的效果相同 var x 5 var carname Volvo 重新聲明重新聲明 JavaScript 變量變量 如果再次聲明了 JavaScript 變量 該變量也不會丟失其原始值 var x 5 var x 在以上語句執行后 變量 x 的值仍然是 5 在重新聲明該變量時 x 的值不會被重置或清除 JavaScript 算術算術 正如代數一樣 可以使用 JavaScript 變量來做算術 y x 5 z y 5 運算符運算符 用于賦值 用于賦值 運算符運算符 用于加值 用于加值 運算符 用于給 JavaScript 變量賦值 算術運算符 用于把值加起來 y 5 z 2 x y z 在以上語句之行后 x 的值是 7 JavaScript 算術運算符算術運算符 算術運算符用于執行變量與賦值之間的算術運算 給 y 5 下面的表格解釋了這些算術運算符 運算符運算符描述描述例子例子結果結果 加x y 2x 7 減x y 2x 3 乘x y 2x 10 除x y 2x 2 5 求余數 保留整數 x y 2x 1 累加x yx 6 遞減x yx 4 JavaScript 賦值運算符賦值運算符 賦值運算符用于給 JavaScript 變量賦值 給定 x 10 和 y 5 下面的表格見識了賦值運算符 運算符運算符例子例子等價于等價于結果結果 x yx 5 x yx x yx 15 x yx x yx 5 x yx x yx 50 x yx x yx 2 x yx x yx 0 用于字符串的用于字符串的 運算符運算符 運算符用于把文本值或字符串變量加起來 連接起來 如需把兩個或多個字符串變量連接起來 請使用 運算符 txt1 What a very txt2 nice day txt3 txt1 txt2 在以上語句執行后 變量 txt3 包含的值是 What a verynice day 要想在兩個字符串之間增加空格 需要把空格插入一個字符串之中 txt1 What a very txt2 nice day txt3 txt1 txt2 或者把空格插入表達式中 txt1 What a very txt2 nice day txt3 txt1 txt2 在以上語句執行后 變量 txt3 包含的值是 What a very nice day 對字符串和數字進行加法運算對字符串和數字進行加法運算 請看這些例子 x 5 5 document write x x 5 5 document write x x 5 5 document write x x 5 5 document write x 規則是 規則是 如果把數字與字符串相加 結果將成為字符串 如果把數字與字符串相加 結果將成為字符串 比較和邏輯運算符用于測試比較和邏輯運算符用于測試 true 或或 false 比較運算符比較運算符 比較運算符在邏輯語句中使用 以測定變量或值是否相等 給定 x 5 下面的表格解釋了比較運算符 運算符運算符描述描述例子例子 等于x 8 為 false 全等 值與類型 x 5 為 true x 5 為 false 不等于x 8 為 true 大于x 8 為 false 小于x 大于或等于x 8 為 false 小于或等于x 8 為 true 如何使用如何使用 可以在條件語句中使用比較運算符對值進行比較 然后根據結果來采取行動 if age 18 document write Too young 邏輯運算符邏輯運算符 邏輯運算符用于測定變量或值之間的邏輯 給定 x 6 以及 y 3 下表解釋了邏輯運算符 運算符運算符描述描述例子例子 如果變量 visitor 中的值是 PRES 則想變量 greeting 賦值 Dear President 否則賦值 Dear JavaScript 中的條件語句用于完成不同條件下的行為 中的條件語句用于完成不同條件下的行為 條件語句條件語句 在編寫代碼時 經常需要根據不同的條件完成不同的行為 可以在代碼中使用條件語句來 完成這個任務 在 JavaScript 中 可以使用下面幾種條件語句 if 語句語句 在一個指定的條件成立時執行代碼 if else 語句語句 在指定的條件成立時執行代碼 當條件不成立時執行另外的代碼 if else if else 語句語句 使用這個語句可以選擇執行若干塊代碼中的一個 switch 語句語句 使用這個語句可以選擇執行若干塊代碼中的一個 If 語句語句 如果希望指定的條件成立時執行代碼 就可以使用這個語句 語法 if 條件 條件成立時執行代碼 注意 注意 請使用小寫字母 使用大寫的 IF 會出錯 實例實例 1 Write a Good morning greeting if the time is less than 10 var d new Date var time d getHours if time 10 document write Good morning 實例實例 2 Write Lunch time if the time is 11 var d new Date var time d getHours if time 11 document write Lunch time 注意 注意 請使用雙等號 來比較變量 注意 注意 在語法中沒有 else 僅僅當條件為 true 時 代碼才會執行 If else 語句語句 如果希望條件成立時執行一段代碼 而條件不成立時執行另一段代碼 那么可以使用 if else 語句 語法 語法 if 條件 條件成立時執行此代碼 else 條件不成立時執行此代碼 實例 實例 If the time is less than 10 you will get a Good morning greeting Otherwise you will get a Good day greeting var d new Date var time d getHours if time 10 document write Good morning else document write Good day If else if else 語句語句 當需要選擇多套代碼中的一套來運行時 請使用 if else if else 語句 if 條件 1 條件 1 成立時執行代碼 else if 條件 2 條件 2 成立時執行代碼 else 條件 1 和條件 2 均不成立時執行代碼 實例 實例 var d new Date var time d getHours if time 10 document write Good morning else if time 10 if r true alert You pressed OK else alert You pressed Cancel 提示框提示框 提示框經常用于提示用戶在進入頁面前輸入某個值 當提示框出現后 用戶需要輸入某個值 然后點擊確認或取消按鈕才能繼續操作 如果用戶點擊確認 那么返回值為輸入的值 如果用戶點擊取消 那么返回值為 null 語法 語法 prompt 文本 默認值 實例 實例 function disp prompt var name prompt 請輸入您的名字 Bill Gates if name null i 5 i document write 數字是 i document write 解釋 for 循環的步進值從 i 0 開始 只要 i 小于等于 5 循環就會繼續運行 循環每循環一次 i 就會累加 1 循環產生循環產生 HTML 標題標題 如何使用 loop 循環來產生不同的 HTML 標題 for i 1 i 6 i document write 這是標題 i document write JavaScript 循環循環 在編寫代碼時 常常會希望反復執行同一段代碼 就可以使用循環來完成這個功能 這樣 就用不著重復地寫若干行相同的代碼 JavaScript 有兩種不同種類的循環 有兩種不同種類的循環 for 將一段代碼循環執行指定的次數 while 當指定的條件為 true 時循環執行代碼 for 循環循環 在腳本的運行次數已確定的情況下使用 for 循環 語法 語法 for 變量 開始值 變量 結束值 變量 變量 步進值 需執行的代碼 解釋 解釋 下面的例子定義了一個循環程序 這個程序中 i 的起始值為 0 每執行一次循環 i 的 值就會累加一次 1 循環會一直運行下去 直到 i 等于 10 為止 注釋 注釋 步進值可以為負 如果步進值為負 需要調整 for 聲明中的比較運算符 實例 實例 var i 0 for i 0 i 10 i document write The number is i document write 結果 結果 The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 while 循環實例 循環實例 while 循環循環 利用 while 循環在指定條件為 true 時來循環執行代碼 i 0 while i 5 document write 數字是 i document write i 解釋 i 等于 0 當 i 小于或等于 5 時 循環將繼續運行 循環每運行一次 i 會累加 1 Do while 循環循環 利用 do while 循環在指定條件為 true 時來循環執行代碼 在即使條件 為 false 時 這種循環也會至少執行一次 這是因為在條件被驗證前 這個語句就會執行 i 0 do document write 數字是 i document write i while i 5 解釋 i 等于 0 循環首先會運行 每循環一次 i 就會累加 1 當 i 小于或等于 5 時 循環會繼續運行 while 循環循環 while 循環用于在指定條件為 true 時循環執行代碼 語法 語法 while 變量 結束值 需執行的代碼 注意 注意 除了 還可以使用其他的比較運算符 解釋 解釋 下面的例子定義了一個循環程序 這個循環程序的參數 i 的起始值為 0 該程序會 反復運行 直到 i 大于 10 為止 i 的步進值為 1 實例 實例 var i 0 while i 10 document write The number is i document write i i 1 結果 結果 The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 do while 循環循環 do while 循環是 while 循環的變種 該循環程序在初次運行時會首先執行一遍其中的代 碼 然后當指定的條件為 true 時 它會繼續這個循環 所以可以這么說 do while 循環 為執行至少一遍其中的代碼 即使條件為 false 因為其中的代碼執行后才會進行條件驗證 語法 語法 do 需執行的代碼 while 變量 結束值 實例 實例 var i 0 do document write The number is i document write i i 1 while i 0 結果 結果 The number is 0 有兩種可以用在循環中的語句 有兩種可以用在循環中的語句 break 和和 continue 實例 實例 break 語句語句 使用 break 語句來終止循環 var i 0 for i 0 i 10 i if i 3 break document write 數字是 i document write 解釋 循環會在 i 3 時中斷 continue 語句語句 使用 continue 語句來終止當前的循環 然后從下一個值繼續執行 var i 0 for i 0 i 10 i if i 3 continue document write 數字是 i document write 解釋 當 i 3 時 會中斷循環 并從下一個值開始繼續循環 JavaScript break 和和 continue 語句語句 有兩種特殊的語句可用在循環內部 break 和 continue Break break 命令可以終止循環的運行 然后繼續執行循環之后的代碼 如果循環之后有代碼的 話 實例 實例 var i 0 for i 0 i 10 i if i 3 break document write The number is i document write 結果 結果 The number is 0 The number is 1 The number is 2 Continue continue 命令會終止當前的循環 然后從下一個值繼續運行 實例 實例 var i 0 for i 0 i 10 i if i 3 continue document write The number is i document write 結果 結果 The number is 0 The number is 1 The number is 2 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 For In 聲明用于遍歷數組或者對象的屬性 對數組或者對象的屬性進行循環操作 聲明用于遍歷數組或者對象的屬性 對數組或者對象的屬性進行循環操作 實例 實例 For In 聲明聲明 如何使用 For In 聲明來遍歷數組內的元素 JavaScript For In 聲明聲明 For In 聲明用于對數組或者對象的屬性進行循環操作 for in 循環中的代碼每執行一次 就會對數組的元素或者對象的屬性進行一次操作 語法 語法 for 變量 in 對象 在此執行代碼 變量 用來指定變量 指定的變量可以是數組元素 也可以是對象的屬性 實例 實例 使用 for in 循環遍歷數組 var x var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW for x in mycars document write mycars x 事件是可以被事件是可以被 JavaScript 偵測到的行為 偵測到的行為 事件事件 JavaScript 使我們有能力創建動態頁面 事件是可以被 JavaScript 偵測到的行為 網頁中的每個元素都可以產生某些可以觸發 JavaScript 函數的事件 比方說 可以在用戶點 擊某按鈕時產生一個 onClick 事件來觸發某個函數 事件在 HTML 頁面中定義 事件舉例 事件舉例 鼠標點擊 頁面或圖像載入 鼠標懸浮于頁面的某個熱點之上 在表單中選取輸入框 確認表單 鍵盤按鍵 注意 注意 事件通常與函數配合使用 當事件發生時函數才會執行 onload 和和 onUnload 當用戶進入或離開頁面時就會觸發 onload 和 onUnload 事件 onload 事件常用來檢測訪問者的瀏覽器類型和版本 然后根據這些信息載入特定版本的網 頁 onload 和 onUnload 事件也常被用來處理用戶進入或離開頁面時所建立的 cookies 例如 當某用戶第一次進入頁面時 你可以使用消息框來詢問用戶的姓名 姓名會保存在 cookie 中 當用戶再次進入這個頁面時 你可以使用另一個消息框來和這個用戶打招呼 Welcome John Doe onFocus onBlur 和和 onChange onFocus onBlur 和 onChange 事件通常相互配合用來驗證表單 下面是一個使用 onChange 事件的例子 用戶一旦改變了域的內容 checkEmail 函數就 會被調用 onSubmit onSubmit 用于在提交表單之前驗證所有的表單域 下面是一個使用 onSubmit 事件的例子 當用戶單擊表單中的確認按鈕時 checkForm 函 數就會被調用 假若域的值無效 此次提交就會被取消 checkForm 函數的返回值是 true 或者 false 如果返回值為 true 則提交表單 反之取消提交 onMouseOver 和和 onMouseOut onMouseOver 和 onMouseOut 用來創建 動態的 按鈕 下面是一個使用 onMouseOver 事件的例子 當 onMouseOver 事件被腳本偵測到時 就 會彈出一個警告框 try catch 的作用是測試代碼中的錯誤 的作用是測試代碼中的錯誤 實例 實例 try catch 語句語句 var txt function message try adddlert Welcome guest catch err txt 本頁中存在錯誤 n n txt 錯誤描述 err description n n txt 點擊 確定 繼續 n n alert txt 帶有確認框的帶有確認框的 try catch 語句語句 var txt function message try adddlert Welcome guest catch err txt 本頁中存在錯誤 n n txt 點擊 確定 繼續查看本頁 n txt 點擊 取消 返回首頁 n n if confirm txt document location href index html JavaScript 捕獲錯誤捕獲錯誤 當我們在網上沖浪時 總會看到帶有 runtime 錯誤的 JavaScript 警告框 同時會詢問我們 是否進行 debug 像這樣的錯誤信息或許對開發人員有用 對用戶則未必 當錯誤發 生時 他們往往會選擇離開這個站點 本節向你講解如何捕獲和處理 Javascript 的錯誤消息 這樣就可以為受眾提供更多的便利 有兩種在網頁中捕獲錯誤的方法 使用 try catch 語句 在 IE5 Mozilla 1 0 和 Netscape 6 中可用 使用 onerror 事件 這是用于捕獲錯誤的老式方法 Netscape 3 以后的版本可用 注意 注意 chrome opera 和 safari 瀏覽器不支持 onerror 事件 Try Catch 語句語句 try catch 可以測試代碼中的錯誤 try 部分包含需要運行的代碼 而 catch 部分包含錯誤發 生時運行的代碼 語法 語法 try 在此運行代碼 catch err 在此處理錯誤 注意 注意 try catch 使用小寫字母 大寫字母會出錯 實例實例 1 下面的例子原本用在用戶點擊按鈕時顯示 Welcome guest 這個消息 不過 message 函數中的 alert 被誤寫為 adddlert 這時錯誤發生了 function message adddlert Welcome guest 我們可以添加 try catch 語句 這樣當錯誤發生時可以采取更適當的措施 下面的例子用 try catch 語句重新修改了腳本 由于誤寫了 alert 所以錯誤發生了 不 過這一次 catch 部分捕獲到了錯誤 并用一段準備好的代碼來處理這個錯誤 這段代碼 會顯示一個自定義的出錯信息來告知用戶所發生的事情 var txt function message try adddlert Welcome guest catch err txt 此頁面存在一個錯誤 n n txt 錯誤描述 err description n n txt 點擊 OK 繼續 n n alert txt 實例實例 2 下一個例子會顯示一個確認框 讓用戶來選擇在發生錯誤時點擊確定按鈕來繼續瀏覽網頁 還是點擊取消按鈕來回到首頁 如果 confirm 方法的返回值為 false 代碼會把用戶重定 向到其他的頁面 如果 confirm 方法的返回值為 true 那么代碼什么也不會做 var txt function message try adddlert Welcome guest catch err txt There was an error on this page n n txt Click OK to continue viewing this page n txt or Cancel to return to the home page n n if confirm txt document location href throw 聲明的作用是創建聲明的作用是創建 exception 異常或錯誤 異常或錯誤 實例實例 throw 聲明聲明 throw 聲明的作用是創建 exception 異常 可以把這個聲明與 try catch 聲明配合使用 以達到控制程序流并產生精確錯誤消息的目的 語法 語法 throw exception exception 可以是字符串 整數 邏輯值或者對象 注意 注意 使用小寫字母編寫 throw 使用大寫字母會出錯 實例實例 1 下面的實例的作用是測定變量 x 的值 如果 x 的值大于 10 或者小于 0 錯誤就會被拋 出 throw 這個錯誤被 catch 的參數捕獲后 就會顯示出自定義的出錯信息 var x prompt Enter a number between 0 and 10 try if x 10 throw Err1 else if x 0 throw Err2 catch er if er Err1 alert Error The value is too high if er Err2 alert Error The value is too low 使用使用 onerror 事件是一種老式的標準的在網頁中捕獲事件是一種老式的標準的在網頁中捕獲 JavaScript 錯誤的方法 錯誤的方法 實例實例 onerror 事件事件 只要頁面中出現腳本錯誤 就會產生 onerror 事件 如果需要利用 onerror 事件 就必須創建一個處理錯誤的函數 可以把這個函數叫做 onerror 時間處理器 onerror event handler 這個事件處理器使用三個參數來調用 msg 錯誤消息 url 發生錯誤的頁面的 url line 發生錯誤的代碼行 語法 語法 onerror handleErrfunction handleErr msg url l Handle the error here return true or false 瀏覽器是否顯示標準的錯誤信息 取決于 onerror 的返回值 如果返回值為 false 則控制 臺 JavaScript console 中顯示錯誤消息 反之則不會 實例 實例 下面的例子展示如何使用 onerror 事件來捕獲錯誤 onerror handleErr var txt function handleErr msg url l txt There was an error on this page n n txt Error msg n txt URL url n txt Line l n n txt Click OK to continue n n alert txt return true function message adddlert Welcome guest 可以在可以在 JavaScript 中使用反斜杠來想文本字符串添加特殊字符 中使用反斜杠來想文本字符串添加特殊字符 插入特殊字符插入特殊字符 反斜杠用來在文本字符串中插入省略號 換行符 引號和其他特殊字符 請看下面的 JavaScript 代碼 var txt We are the so called Vikings from the north document write txt 在 JavaScript 中 字符串使用單引號或者雙引號來起始或者結束 這意味著上面的字符串 將被截為 We are the so called 要解決這個問題 就必須把在 Viking 中的引號前面加上反斜杠 這樣就可以把每個 雙引號轉換為字面上的字符串 var txt We are the so called Vikings from the north document write txt 現在 JavaScript 就可以輸出正確的文本字符串了 We are the so called Vikings from the north 這是另一個例子 document write You myDate setFullYear 2008 7 9 var today new Date if myDate today alert Today is before 9th August 2008 else alert Today is after 9th August 2008 數組對象的作用是 使用單獨的變量名來存儲一系列的值 數組對象的作用是 使用單獨的變量名來存儲一系列的值 JavaScript Array 數組 對象 數組 對象 實例實例 創建數組 創建數組 var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW for i 0 i mycars length i document write mycars i For In 聲明 聲明 var x var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW for x in mycars document write mycars x 合并兩個數組合并兩個數組 concat var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas var arr2 new Array 3 arr2 0 James arr2 1 Adrew arr2 2 Martin document write arr concat arr2 用數組的元素組成字符串用數組的元素組成字符串 join var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr join document write document write arr join 文字數組文字數組 sort var arr new Array 6 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew arr 5 Martin document write arr document write arr sort 數字數組數字數組 sort function sortNumber a b return a b var arr new Array 6 arr 0 10 arr 1 5 arr 2 40 arr 3 25 arr 4 1000 arr 5 1 document write arr document write arr sort sortNumber 定義數組定義數組 數組對象用來在單獨的變量名中存儲一系列的值 使用關鍵詞 new 來創建數組對象 下面的代碼定義了一個名為 myArray 的數組對象 var myArray new Array 有兩種向數組賦值的方法 你可以添加任意多的值 就像你可以定義你需要的任意多的變 量一樣 1 var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW 也可以使用一個整數自變量來控制數組的容量 var mycars new Array 3 mycars 0 Saab mycars 1 Volvo mycars 2 BMW 2 var mycars new Array Saab Volvo BMW 注意 注意 如果你需要在數組內指定數值或者邏輯值 那么變量類型應該是數值變量或者布爾 變量 而不是字符變量 訪問數組訪問數組 通過指定數組名以及索引號碼 你可以訪問某個特定的元素 下面是代碼行 document write mycars 0 下面是輸出 Saab 修改已有數組中的值修改已有數組中的值 如需修改已有數組中的值 只要向指定下標號添加一個新值即可 mycars 0 Opel 現在 以上代碼 document write mycars 0 將輸出 Opel Boolean 邏輯 對象用于將非邏輯值轉換為邏輯值 邏輯 對象用于將非邏輯值轉換為邏輯值 true 或者或者 false JavaScript Boolean 邏輯 邏輯 實例實例 檢查邏輯值 檢查邏輯值 var b1 new Boolean 0 var b2 new Boolean 1 var b3 new Boolean var b4 new Boolean null var b5 new Boolean NaN var b6 new Boolean false document write 0 是邏輯的 b1 document write 1 是邏輯的 b2 document write 空字符串是邏輯的 b3 document write null 是邏輯的 b4 document write NaN 是邏輯的 b5 document write 字符串 false 是邏輯的 b6 Boolean 對象對象 可以將 Boolean 對象理解為一個產生邏輯值的對象包裝器 Boolean 邏輯 對象用于將非邏輯值轉換為邏輯值 true 或者 false 使用關鍵字 new 來定義 Boolean 對象 下面的代碼定義了一個名為 myBoolean 的邏輯對象 var myBoolean new Boolean 注釋 注釋 如果邏輯對象無初始值或者其值為 0 0 null false undefined 或者 NaN 那 么對象的值為 false 否則 其值為 true 即使當自變量為字符串 false 時 下面的所有的代碼行均會創建初始值為 false 的 Boolean 對象 var myBoolean new Boolean var myBoolean new Boolean 0 va