第一章javascript基本介绍(编辑修改稿)

第一章javascript基本介绍(编辑修改稿)内容摘要：

t的瀏覽器。  現在各大瀏覽器都支援 JavaScript，所以使用這種「隱藏程式碼」的 JavaScript 的程式已經越來越少了。 20 /50 JavaScript 程式設計與應用：用於網頁用戶端 13 執行方式二：事件驅動  本小節介紹 JavaScript如何用事件驅動來執行程式碼。 21 /50 JavaScript 程式設計與應用：用於網頁用戶端 內建視窗類別  JavaScript提供了三種和使用者互動的內建對話視窗  警告視窗（ Alert Window）  確認視窗（ Confirm Window）  提示視窗（ Prompt Window），或稱為輸入視窗  說明  所謂「滑鼠事件」（ Mouse events），指的是能由瀏覽器偵測到的滑鼠動作，例如點選某一個連結、將游標移到一的影像上、游標的移動等。 22 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 17  主題：使用者點選連結會出現罵人的警告視窗  連結：  程式碼重點 A href=javascript:alert(39。 !@$%^amp。 *!39。 )按了你會後悔喔。 /A  說明  若要讓使用者點選連結來執行 JavaScript 的程式碼，則連結的格式必須是 a href=javascript:[程式碼 ]被連結文字 /a  程式碼內的字串（例如上例中 39。 !@$%^amp。 *!39。 ），可用單引號來界定，避免和「 href=」之後的雙引號混淆。 23 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 18  主題：顯示網頁載入時間的警告視窗  連結：  程式碼重點 script today = new Date()。 hour = ()。 minute = ()。 second = ()。 string = 網頁載入時間是 +hour+點 +minute+分 +second+秒 “。 /script  說明  我們產生字串 string，當連結被按下去時，再將字串送至警告視窗。  有關於日期物件和各種時間的用法，會在後面詳述。 24 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 19  主題：囉里叭唆的警告視窗  連結：  說明  字串可以用 ”+”連接在一起，而數字以 ”+”做相加運算，當數值和字串相加時，數值會被當成字串型態，兩者再用”+”相連接。  JavaScript 可以用雙引號（ “）或單引號（ „）來定義字串的開始和結束。  若改用無窮迴圈，在 Windows平台可同時按 Ctrl、 Alt、Del 三鍵來開啟工作管理員，以關閉瀏覽器。 25 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 110  主題：沒完沒了的警告視窗 (將執行 1000次以上 )  連結：  程式碼重點 function talk() { for (i=0。 i1000。 i++) alert(39。 第 39。 + (i+1) + 39。 次。 39。 )。 } a href=javascript:talk()有膽你就給我按看看。 /a  說明：  可以用 javascript:talk()直接呼叫自訂的函式 talk()。  如果要快速跳出，請勿壓著 Enter鍵，改以 ESC鍵壓著，否則程式有可能會再執行一次。 26 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 111(1)  主題：使用確認視窗來確認連結動作  連結：  程式碼重點 a href=javascript:link2nthu()清大首頁 /abr a href=javascript:if (confirm(39。 你確定要連到交大的首頁嗎。 39。 )) =39。 /abr a href= onClick=return(confirm(39。 你確定要連到台大的首頁嗎。 39。 ))台大首頁 /a 27 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 111(2)  說明  第一種方式呼叫函式 link2nthu()， 代表瀏覽器的網址，改變即可連到不同網址。  第二種方式直接寫在連結內，若按確定 confirm會回傳 true連結新網址，取消則回傳 false。  第三種使用了 onClick 的屬性， 所指定的字串格式是「return(程式碼 )」，其中「程式碼」是一段 JavaScript 的程式碼 ，只有當此程式碼回傳的值是 true 時，對此連結的點選才會連到指定的網址，否則就完全沒有作用。  除了在用在上述範例之外，一般而言 onClick 可以觸發點擊事件，繼而執行 onClick 屬性字串中的程式碼。 28 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 112(1)  主題：使用輸入視窗來決定連結網址  連結：  程式碼重點 course = prompt(請輸入課程代碼： (webProgramming, scientificComputing, MSAR), webProgramming)。 if ((course==webProgramming) || (course==scientificComputing) || (course==MSAR)) = + course。  說明  我們使用 if 敘述來判斷使用者輸入的字串是否等於 這四種字串。  || 代表邏輯運算的「或」，而 amp。 amp。 則代表邏輯運算的「且」，這部分會在後面章節詳述。 29 /50 JavaScript 程式設計與應用：用於網頁用戶端 範例 112(2)  說明  alert()、 confirm() 和 prompt() 都是 window 物件的方法，所以要呼叫這些方法，完整的寫法應。