第19章 用JavaScript點綴網(wǎng)頁.ppt

1、第19章 用JavaScript點綴網(wǎng)頁,本章內(nèi)容,19.1 JavaScript概述 19.2 JavaScript語言基礎(chǔ) 19.3 Dreamweaver CS5中JavaScript的操作 19.4 JavaScript精彩實戰(zhàn),19.1 JavaScript概述,19.1.1 什么是JavaScript 19.1.2 將JavaScript嵌入頁面,19.1.1 什么是JavaScript,JavaScript是Netscape公司開發(fā)的一種基于對象（Object）和事件驅(qū)動（Event Driven）并具有安全性的腳本語言。 JavaScript不僅可以用來豐富頁面的動態(tài)效果，還常

2、用來回應(yīng)使用者的需求事件，如對表單輸入信息在客戶端就進(jìn)行基本驗證（例如信息是否為空、電子郵件是否包含了符號等），而不需要上傳到服務(wù)器端進(jìn)行。,19.1.2 將JavaScript嵌入頁面,JavaScript代碼位于HTML網(wǎng)頁中的標(biāo)記和標(biāo)記之間，并且可以放在任何位置（Body或者Head之中）。 用戶也可以將JavaScript程序以擴展名“.js”單獨存放，再利用語句將其嵌入到文檔中。,19.2 JavaScript語言基礎(chǔ),19.2.1 變量定義 19.2.2 表達(dá)式和運算符 19.2.3 程序流程控制 19.2.4 函數(shù) 19.2.5 事件 19.2.6 對象,19.2.1 變量定義,

3、在JavaScript中有4種基本數(shù)據(jù)類型：數(shù)值型（整數(shù)和實數(shù)）、字符串型（用 或者 括起來的字符、數(shù)值）、布爾型（值為True或者False）和空值（null）。,19.2.2 表達(dá)式和運算符,1字符串連接符 2算術(shù)運算符 3比較運算符 4其他運算符,19.2.3 程序流程控制,1選擇結(jié)構(gòu) 2循環(huán)結(jié)構(gòu),19.2.4 函數(shù),在進(jìn)行程序設(shè)計時，往往需要對完成的任務(wù)分而治之，將程序劃分為一些相對獨立的部分。這時可將每一部分編寫為一個函數(shù)，從而使各部分相對獨立。,19.2.5 事件,onClick單擊事件 onChange改變事件 onSelect選中事件 onFocus獲得焦點事件 onLoad載入事件 onUnload卸載事件 onSubmit及onReset事件,19.2.6 對象,1對象的引用 2對象屬性的引用 3對象方法的引用 4常用對象的屬性和方法,19.3 Dreamweaver CS5中JavaScript的操作,19.4 JavaScript精彩實戰(zhàn),19.4.1 鼠標(biāo)文字跟隨 19.4.2 單擊煙花效果 19.4.3 設(shè)為首頁與加入收藏 19.4.4 倒計時牌,