初步了解JavaScript市公開課一等獎(jiǎng)省賽課獲獎(jiǎng)?wù)n件_第1頁
初步了解JavaScript市公開課一等獎(jiǎng)省賽課獲獎(jiǎng)?wù)n件_第2頁
初步了解JavaScript市公開課一等獎(jiǎng)省賽課獲獎(jiǎng)?wù)n件_第3頁
初步了解JavaScript市公開課一等獎(jiǎng)省賽課獲獎(jiǎng)?wù)n件_第4頁
初步了解JavaScript市公開課一等獎(jiǎng)省賽課獲獎(jiǎng)?wù)n件_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第1章初步了解JavaScriptJavaScript是當(dāng)前Web應(yīng)用程序開發(fā)者使用最為廣泛客戶端腳本編程語言，它不但可用來開發(fā)交互式Web頁面，更主要是它將HTML、XML、Ajax和Javaapplet、Flash等功效強(qiáng)大Web對(duì)象有機(jī)結(jié)合起來，使開發(fā)人員能快捷生成Internet或Intranet上使用分布式應(yīng)用程序。另外，因?yàn)閃indows操作系統(tǒng)對(duì)其擁有較為完善支持，并提供二次開發(fā)接口來訪問操作系統(tǒng)中各組件，進(jìn)而實(shí)施對(duì)應(yīng)管理功效，大有取代批處理文件（.bat）實(shí)施操作系統(tǒng)管理功效趨勢(shì)。初步了解JavaScript第1頁1.1JavaScript是什么JavaScript是一個(gè)基于對(duì)象和事件驅(qū)動(dòng)客戶端腳本語言，并含有相正確安全性，主要用于創(chuàng)建含有交互性較強(qiáng)動(dòng)態(tài)頁面。JavaScript是一個(gè)有著較強(qiáng)生命力和發(fā)展?jié)摿δ_本描述語言，可被直接嵌入到HTML文檔中，供瀏覽器解釋執(zhí)行；直接響應(yīng)客戶端事件如驗(yàn)證數(shù)據(jù)表單正當(dāng)性等，并調(diào)用對(duì)應(yīng)處理方法，快速返回處理結(jié)果并更新頁面，實(shí)現(xiàn)Web交互性和動(dòng)態(tài)要求。同時(shí)將大部分工作交給客戶端處理，將Web服務(wù)器資源消耗降到最低。初步了解JavaScript第2頁1.2JavaScript能做什么JavaScript腳本因?yàn)槠湫矢摺⒐π?qiáng)大等特點(diǎn)，在表單數(shù)據(jù)正當(dāng)性驗(yàn)證、網(wǎng)頁特效、交互式菜單、動(dòng)態(tài)頁面、數(shù)值計(jì)算等方面取得了廣泛應(yīng)用，甚至出現(xiàn)了完全使用JavaScript編寫基于Web瀏覽器類Unix操作系統(tǒng)JS/UIX，以及無需安裝即可使用漢字輸入法程序JustInput，可見JavaScript腳本編程能力不容小覷！下面僅介紹JavaScript慣用功效。初步了解JavaScript第3頁1.2.1表單數(shù)據(jù)正當(dāng)性驗(yàn)證使用JavaScript腳本語言能有效驗(yàn)證客戶端提交表單上數(shù)據(jù)正當(dāng)性，如數(shù)據(jù)正當(dāng)則執(zhí)行下一步操作，不然返回錯(cuò)誤提醒信息，如圖所表示。初步了解JavaScript第4頁1.2.2頁面特效使用JavaScript腳本語言，結(jié)合DOM和CSS能創(chuàng)建絢麗多彩頁面特效，如火焰狀閃爍文字、文字圍繞光標(biāo)旋轉(zhuǎn)、頁面載入時(shí)百葉窗效果、圖片隨鼠標(biāo)忽明忽暗效果等。火焰狀閃爍文字效果如圖所表示。初步了解JavaScript第5頁1.2.3交互式菜單使用JavaScript腳本能夠創(chuàng)建含有動(dòng)態(tài)效果交互式菜單，完全能夠與Falsh制作頁面導(dǎo)航菜單相媲美。如圖所表示，鼠標(biāo)在文檔內(nèi)任何位置單擊，在其周圍會(huì)出現(xiàn)導(dǎo)航菜單。初步了解JavaScript第6頁1.2.4動(dòng)態(tài)頁面使用JavaScript腳本能夠?qū)eb頁面全部元素對(duì)象進(jìn)行訪問，并使用對(duì)象方法操作其屬性，以實(shí)現(xiàn)動(dòng)態(tài)頁面效果，其經(jīng)典應(yīng)用如網(wǎng)頁版俄羅斯方塊、撲克牌游戲等。如圖所表示為網(wǎng)頁版俄羅斯方塊游戲。初步了解JavaScript第7頁1.2.5數(shù)值計(jì)算JavaScript腳本將數(shù)據(jù)類型作為對(duì)象，并提供豐富操作方法使得JavaScript用于數(shù)值計(jì)算。如圖所表示為使用JavaScript腳本編寫計(jì)算器。初步了解JavaScript第8頁1.3JavaScript編程起步在Web應(yīng)用程序開發(fā)領(lǐng)域，JavaScript腳本已成為一門炙手可熱語言，為客戶端腳本首選。網(wǎng)絡(luò)上充滿著形態(tài)各異JavaScript腳本并實(shí)現(xiàn)不一樣功效，但用戶可能并不了解JavaScript腳本是怎樣被瀏覽器中解釋執(zhí)行，更不知怎樣開始編寫自己JavaScript腳原來實(shí)現(xiàn)自己想要實(shí)現(xiàn)效果。本節(jié)將一步步率領(lǐng)讀者踏入JavaScript腳本語言編程大門。初步了解JavaScript第9頁1.3.1“HelloWorld！”程序像學(xué)習(xí)C、Java等其它語言一樣，先來看看使用JavaScript腳本語言編寫“HelloWorld!”程序。初步了解JavaScript第10頁1.3.2選擇JavaScript腳本編輯器編寫JavaScript腳本代碼能夠選擇普通文本編輯器，如Notepad、UltraEdit等，只要所選編輯器能將所編輯代碼最終保留為HTML文檔類型(.htm、.html等)即可。初步了解JavaScript第11頁1.4怎樣引入JavaScript腳本代碼能夠經(jīng)過各種方式將JavaScript腳本代碼嵌入到目標(biāo)HTML文檔中，總來說，有以下4種標(biāo)準(zhǔn)方法：代碼包含于<script>和</script>標(biāo)識(shí)對(duì)，然后嵌入到HTML文檔中；經(jīng)過<script>標(biāo)識(shí)src屬性鏈接外部JavaScript腳本文件；經(jīng)過JavaScript偽URL地址引入；經(jīng)過HTML文檔事件處理程序引入。下面分別介紹JavaScript腳本幾個(gè)標(biāo)準(zhǔn)引入方法。初步了解JavaScript第12頁1.4.1經(jīng)過<script>與</script>標(biāo)識(shí)對(duì)引入在源程序1.1中除<script>與</script>標(biāo)識(shí)對(duì)之間內(nèi)容外，均為最基本HTML代碼。<script>和</script>標(biāo)識(shí)對(duì)將JavaScript腳本代碼進(jìn)行了封裝，并嵌入到HTML文檔中：document.write("HelloWorld!");初步了解JavaScript第13頁1.4.2經(jīng)過<script>標(biāo)識(shí)src屬性引入改寫源程序1.1代碼并保留為test.html：初步了解JavaScript第14頁1.4.3經(jīng)過JavaScript偽URL引入在多數(shù)支持JavaScript腳本瀏覽器中，能夠經(jīng)過JavaScript偽URL地址調(diào)用語句來引入JavaScript腳本代碼。偽URL地址普通格式以下：JavaScript:alert("HelloWorld!")初步了解JavaScript第15頁1.4.4經(jīng)過HTML文檔事件處理程序引入在開發(fā)Web應(yīng)用程序過程中，開發(fā)者能夠給HTML文檔中設(shè)定不一樣事件處理器，通常是設(shè)置某HTML元素屬性來引用一個(gè)腳本（能夠是一個(gè)簡單動(dòng)作或者函數(shù)），屬性普通以on開頭，如鼠標(biāo)移動(dòng)onmousemove()等。初步了解JavaScript第16頁1.5嵌入JavaScript腳本代碼位置JavaScript腳本代碼可放在HTML文檔任何需要位置。普通來說，能夠在<head>與</head>標(biāo)識(shí)對(duì)、<body>與</body>標(biāo)識(shí)對(duì)之間按需要放置JavaScript腳本代碼。初步了解JavaScript第17頁1.5.1在<head>與</head>標(biāo)識(shí)對(duì)之間放置放置在<head>與</head>標(biāo)識(shí)對(duì)之間JavaScript腳本代碼普通用于提前載入，以響應(yīng)用戶頁面動(dòng)作，且普通不影響HTML文檔瀏覽器顯示內(nèi)容。初步了解JavaScript第18頁1.5.2在<body>與</body>標(biāo)識(shí)對(duì)之間放置假如需要在頁面載入時(shí)運(yùn)行JavaScript腳本生成網(wǎng)頁內(nèi)容，應(yīng)將腳本代碼放置在<body>與</body>標(biāo)識(shí)對(duì)之間，可依據(jù)需要編寫多個(gè)獨(dú)立腳本代碼段并與HTML代碼結(jié)合在一起。初步了解JavaScript第19頁1.5.3在兩個(gè)標(biāo)識(shí)對(duì)之間混合放置假如既需要提前載入腳本代碼以響應(yīng)用戶事件，又需要在頁面載入時(shí)使用腳本生成頁面內(nèi)容，能夠綜合以上兩種方式。初步了解JavaScript第20頁1.6選擇適當(dāng)瀏覽器JavaScript腳本在客戶端由瀏覽器解釋執(zhí)行并將結(jié)果更新目標(biāo)頁面，因?yàn)楦鳛g覽器廠商對(duì)JavaScript版本支持不盡相同，瀏覽器版本也對(duì)JavaScript腳本支持有很大影響，所以編寫代碼時(shí)一定要考慮適當(dāng)瀏覽器之間兼容性，重點(diǎn)在于編寫符合JavaScript標(biāo)準(zhǔn)代碼以適應(yīng)目標(biāo)瀏覽器。初步了解JavaScript第21頁1.7處理不支持JavaScript腳本情況客戶端瀏覽器不支持當(dāng)前JavaScript腳本存在以下幾個(gè)可能?？蛻舳藶g覽器不支持任何JavaScript腳本?？蛻舳藶g覽器支持JavaScript腳本版本與該腳本代碼使用版本所支持對(duì)象、屬性或方法不一樣。客戶端為了安全起見，已經(jīng)將瀏覽器對(duì)JavaScript腳本支持設(shè)置為禁止。初步了解JavaScript第22頁1.7.1使用<!--和-->標(biāo)識(shí)對(duì)直接屏蔽法該方法使用<!--和-->標(biāo)識(shí)對(duì)將JavaScript代碼進(jìn)行封裝，告訴瀏覽器假如它不支持該腳本就直接跳過，假如支持則自動(dòng)跳過該標(biāo)識(shí)對(duì)，到達(dá)假如瀏覽器不支持腳本代碼則將其隱藏目標(biāo)。初步了解JavaScript第23頁1.7.2使用<noscript>和</noscript>標(biāo)識(shí)對(duì)給出提醒信息該方法在瀏覽器不支持該腳本代碼或者瀏覽器對(duì)JavaScript腳本支持已設(shè)置為禁止情況下，忽略<script>和</script>標(biāo)識(shí)對(duì)之間腳本代碼，返回<noscript>和</noscript>標(biāo)識(shí)對(duì)中預(yù)設(shè)頁面提醒信息；假如支持該腳本代碼則解釋執(zhí)行<script>和</script>標(biāo)識(shí)對(duì)之間腳本代碼，而忽略<noscript>和</noscript>標(biāo)識(shí)對(duì)之間預(yù)設(shè)頁

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論