JavaScript概述--2.17

1、Page 2課程內(nèi)容安排課程內(nèi)容安排1JavaScript的背景知識的背景知識2第一個第一個JavaScript程序程序 3 表單驗證綜合示例表單驗證綜合示例4JavaScript概念概念簡單的腳本語言簡單的腳本語言Page 31 .JavaScript發(fā)展歷史發(fā)展歷史1995年年Netscape公司為解決公司為解決“向服務(wù)器提交數(shù)據(jù)之向服務(wù)器提交數(shù)據(jù)之前驗證前驗證”問題。問題。1996年，微軟進軍瀏覽器，年，微軟進軍瀏覽器，搭載了搭載了JavaScript 的克隆的克隆版版Jscript，并提供了自己，并提供了自己的的VBScript。同年，同年，Netscape與與SUN公司聯(lián)手，推公司聯(lián)

2、手，推出出JavaScript1.01997年，年，ECMA-262標(biāo)準(zhǔn)出臺了。標(biāo)準(zhǔn)出臺了。Page 42-1.什么是什么是JavaScript JavaScript 是一種具有是一種具有面向?qū)ο竽芰γ嫦驅(qū)ο竽芰Φ?、的、解釋型解釋型的程序設(shè)計語言。更具體一點，它的程序設(shè)計語言。更具體一點，它是是基于對象和事件驅(qū)動基于對象和事件驅(qū)動并并具有相對安全性具有相對安全性的的客戶端客戶端腳本語言腳本語言。因為他不需要在一個。因為他不需要在一個語言環(huán)境下運行，而只需要支持它的瀏覽語言環(huán)境下運行，而只需要支持它的瀏覽器即可。器即可。 它的主要目的是，驗證發(fā)往服務(wù)器端的它的主要目的是，驗證發(fā)往服務(wù)器端的數(shù)據(jù)、

3、增加數(shù)據(jù)、增加Web互動、加強用戶體驗度等?；?、加強用戶體驗度等。Page 52-2. JavaScript的功能的功能客戶端驗證客戶端驗證提供表單前端驗證提供表單前端驗證窗口動態(tài)操作窗口動態(tài)操作JS樹形菜單樹形菜單、下拉列表下拉列表、帶帶陰歷和節(jié)日的陰歷和節(jié)日的JS日歷日歷制作網(wǎng)頁特效制作網(wǎng)頁特效緩動緩動javascript特效特效、JS彈性彈性相冊相冊、3D翻轉(zhuǎn)相冊翻轉(zhuǎn)相冊Page 63-1.第一個第一個JavaScript程序程序 document.write(“Hello,World); n JavaScript編輯器的選擇編輯器的選擇記事本記事本 1.打開記事本，輸入以下代碼：打開

4、記事本，輸入以下代碼： 2.另存為另存為“helloworld.html”,擴展名為擴展名為“html”或或“htm”. 3.在在IE中打開網(wǎng)頁文件，運行程序。中打開網(wǎng)頁文件，運行程序。Page 73-2示例說明示例說明n 在在標(biāo)識標(biāo)識 標(biāo)簽標(biāo)簽對之間就可加入對之間就可加入JavaScript腳本腳本代碼。代碼。其中的其中的language屬性指明這段代碼是用屬性指明這段代碼是用JavaScript來編來編寫的。在解析網(wǎng)頁源代碼時，瀏覽器檢索到它們時就知道其中寫的。在解析網(wǎng)頁源代碼時，瀏覽器檢索到它們時就知道其中包含的字符信息是腳本，而不是包含的字符信息是腳本，而不是HTML源代碼或者源代碼或

5、者CSS樣式碼。樣式碼。n document對象的對象的write()方法在客戶端瀏覽器窗口中輸出信息方法在客戶端瀏覽器窗口中輸出信息。n JavaScript可以直接嵌入到可以直接嵌入到html中中通過瀏覽器直接運行通過瀏覽器直接運行的。的。n Html中嵌入中嵌入JavaScript代碼的方式：代碼的方式：n放在放在標(biāo)簽中標(biāo)簽中（推薦使用（推薦使用,方便管理）方便管理）Page 83-3.修改第一個修改第一個JavaScript程序程序n 換一種方法來實現(xiàn)換一種方法來實現(xiàn)”Hello World”的輸出的輸出解決方案：運用解決方案：運用alert()方法來顯示。方法來顯示。 alert(H

6、ello,World);Page 93-4.修改第一個修改第一個JavaScript程序程序n 嘗試定義腳本函數(shù)，通過用戶單擊事件來觸發(fā)腳本調(diào)用。嘗試定義腳本函數(shù)，通過用戶單擊事件來觸發(fā)腳本調(diào)用。 function hello() alert(按鈕被點擊了！按鈕被點擊了！); Page 103-4.修改第一個修改第一個JavaScript程序程序n 嘗試定義腳本函數(shù)，通過用戶單擊事件來觸發(fā)腳本調(diào)用。嘗試定義腳本函數(shù)，通過用戶單擊事件來觸發(fā)腳本調(diào)用。 function hello() alert(“鼠標(biāo)移動過來了！鼠標(biāo)移動過來了！);鼠標(biāo)移過來Page 113-5.修改第一個修改第一個JavaS

7、cript程序程序n 嘗試使用外部腳本嘗試使用外部腳本 common.js文件代碼文件代碼function hello() alert(按鈕被點擊了按鈕被點擊了);Page 123-6. JavaScript的變量的變量n 變量命名變量命名 以字母或下劃線開頭（不能以數(shù)字開頭），后面接數(shù)字或以字母或下劃線開頭（不能以數(shù)字開頭），后面接數(shù)字或其它字母。其它字母。 變量名區(qū)分大小寫。變量名區(qū)分大小寫。 例：例： var A=Uppercase A; var a=Lowercase a;document.write(A);document.write();document.write(a); Pag

8、e 134-1表單驗證綜合示例表單驗證綜合示例 演示效果演示效果代碼編寫代碼編寫Page 144-2.JavaScript語法規(guī)則注意事項語法規(guī)則注意事項n 區(qū)分大小寫。區(qū)分大小寫。n 弱類型變量。弱類型變量。n 每行結(jié)尾的分號可有可無。每行結(jié)尾的分號可有可無。n 分成多行的字符串分成多行的字符串n 注釋方式與注釋方式與C語言和語言和java語言相同：語言相同：n/這是單行注釋這是單行注釋n/*這是多行注釋這是多行注釋這是多行注釋這是多行注釋*/01var Message = “JavaScript編程，簡單，有趣！編程，簡單，有趣！”;/ 單行中的字符串單行中的字符串02var messag

9、e = “JavaScript編程，編程，” + / 多行中的字符串多行中的字符串03“簡單，有趣！簡單，有趣！”;01 var bg=true; / bg為布爾類型為布爾類型02 var name = .value; / name為字符串類型為字符串類型Page 16思考：思考：JavaScript與與Java的區(qū)別的區(qū)別n JavaScript和和Java是兩個公司開發(fā)的不同產(chǎn)品是兩個公司開發(fā)的不同產(chǎn)品n Java是是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計語言計語言n 而而JavaScript是是Netscape公司的產(chǎn)品，其目的是公司的產(chǎn)品，其目的是為了擴展其瀏覽器功能為了擴展其瀏覽器功能n 現(xiàn)在現(xiàn)在JavaScript已被標(biāo)準(zhǔn)化為已被標(biāo)準(zhǔn)化為ECMAScript，主，主流的瀏覽器都支持流的瀏覽器都支持Page 17返回返回1.如果輸入的密碼不是如果輸入的密碼不是4位數(shù)字，請?zhí)崾居脩?，如下圖位數(shù)字，請?zhí)崾居脩?，如下圖所示。所示。 作業(yè)題作業(yè)題2、檢測