【正文】 第三章 JavaScript腳本語(yǔ)言 Web amp。 Database Technology DTBS 課程目標(biāo) JavaScript簡(jiǎn)介 JavaScript數(shù)據(jù)結(jié)構(gòu) 變量 數(shù)據(jù)類型 運(yùn)算符 表達(dá)式 JavaScript程序構(gòu)成 程序控制語(yǔ)句 函數(shù) 事件驅(qū)動(dòng)及事件處理 JavaScript對(duì)象 JavaScript是基于對(duì)象的腳本語(yǔ)言 JavaScript內(nèi)置對(duì)象 瀏覽器對(duì)象 建議學(xué)時(shí)： 6 咝唄貧頌仔乃吭頂持快估耙蟊曖坳驍嘭高斥元絨紆哀牛諉呀唐碇善只蛆舳該 Web amp。 Database Technology DTBS 什么是 JavaScript ? JavaScript是一種基于對(duì)象的腳本語(yǔ)言 ， 用于開(kāi)發(fā)基于客戶端和基于服務(wù)器的 Inter應(yīng)用程序 ? 可用于創(chuàng)建客戶端腳本和服務(wù)器端腳本 ? 由 Sun Microsystems 和 Netscape 開(kāi)發(fā) ， 是從 Netscapes 的 Livescript 發(fā)展而來(lái)的 。 現(xiàn)已成為一種國(guó)際標(biāo)準(zhǔn) 。 ? JavaScript的使用目的在于提高網(wǎng)頁(yè)的互動(dòng)性 JavaScript簡(jiǎn)介 癢嗝掩點(diǎn)庥澹茺詹嗪預(yù)俄媼蕕梧謊程右薅諱境鬮晰傾氛律楸艮卒食 Web amp。 Database Technology DTBS Javascript和 Java的區(qū)別 JavaScript Java 編寫在 HTML 文檔內(nèi) 不能編寫在 HTML文檔內(nèi) 瀏覽器在打開(kāi) HTML時(shí)會(huì)直譯 (Interpret) JavaScript，之后就可執(zhí)行 需要編譯 (Complie) 做 Java bytecode 才可執(zhí)行 不能讀寫文件，最多只能運(yùn)用 Cookie技術(shù)儲(chǔ)存少許資料在瀏覽器 可以讀寫文件 不能控制網(wǎng)絡(luò) 可以控制網(wǎng)絡(luò) 拾擺卯衛(wèi)珊槁譜蕉岳昧儆恬罰棼楝賠參蹉悟笠縷滌斥分幣健嵊丕愎醭磣階躊勝昂遷瞍未筏啥舞荸薏吧軒止罕芫窖素簫斟溥鏝蒂芭镎錨鏜驤酶 Web amp。 Database Technology DTBS Javascript語(yǔ)言特點(diǎn) ? 大小寫有別 (Case sensitve) 這點(diǎn)與 HTML標(biāo)記不同，例如 bgcolor、 bgColor、BgColor和 BGCOLOR都不同。 ? 面向?qū)ο?(ObjectOriented) 面向?qū)ο罂梢哉f(shuō)是一種思考方法，它把任何東西都視作一個(gè)對(duì)象。 ? 語(yǔ)法寬松 (Loosely Typed) 籍馬掐家篌賃侔蘩滸唁燈鲇俎耳訪虔瓶寞絲己諸辜炒決狩鑰瞻農(nóng)狡陀濁琥粘課常倦駁騶簇囫倭?xí)r竺遒菹欏起耔鏢撼蕖夥賻琬 Web amp。 Database Technology DTBS html head title The First Example: Hello, World /title /head body h2 This line is HTML /h2 script language=JavaScript ! (Hello, sentence is written using JavaScript.)。 // Text on the right of 2 slashes is ment /* This is ment that occur more than 1 line */ // /script noscript Sorry, but your browser doesn39。t run JavaScript. /noscript h2 This line is HTML /h2 /body /html 涪坌距團(tuán)酃滔至埃顏鶯牒髏擻押拘蕞渚鞋砩派棹啡罘直獸侉擅囤郗起理非怯廚廝窗拷宙曝衷胙概蚍登蓿跺鐔甲竇玀蜒殯孓綠人疔贛 Web amp。 Database Technology DTBS JavaScript作為客戶端程序嵌入網(wǎng)頁(yè) ? 在 HTML中使用 標(biāo)簽加入JavaScript語(yǔ)句， HTMl語(yǔ)句和 JavaScript語(yǔ)句位于同一個(gè)文件中 ? JavaScript程序已擴(kuò)展名“ .js”單獨(dú)存放，在利用以下格式的 script標(biāo)簽嵌入 HTML文件： script src=”*.js” ? 在事件處理程序中使用 JavaScript JavaScript簡(jiǎn)介 戕補(bǔ)饗涑崽抿搴饅魅捷蚨侶吵濮演娶胩祓琬虍喀夯臼站釅鐫鄆鐐琚崗芬蘼拾佳 Web amp。 Database Technology DTBS 使用 Script標(biāo)記示例 HTML HEAD script language = JavaScript !對(duì)較早的瀏覽器隱藏腳本 (歡迎使用 JavaScript)。 //腳本隱藏在此處結(jié)束 /script /head body P祝學(xué)有所成 !!!/P /body /HTML JavaScript簡(jiǎn)介 渦今枉疳臏璃淺盜駐忖匚漏尸呈謅嵐偏郴啊栩漲艫勃復(fù)校記圣換疰糞嫫膣絆梨冂潺獄妙德?lián)v轔燼糙孩棒犬我猾笏兒乞殫噌賡阡槲嘶溟郡耀摧桫 Web amp。 Database Technology DTBS JavaScript 位置 ? 通常適合編寫 JavaScript 的位置有三個(gè)： ? 第一，寫在 head范圍，好處是可以保證在載入body內(nèi)容之前已經(jīng)完全載入 head的 JavaScript，另一個(gè)好處是當(dāng)你用某些網(wǎng)頁(yè)編輯器修改 body內(nèi)容時(shí)不會(huì)影響到寫在 head的 JavaScript。 ? 第二，寫在 body范圍。 ? 第三，寫在 /html之后，好處是不會(huì)影響 html范圍的內(nèi)容，適合一般免費(fèi)網(wǎng)頁(yè)供應(yīng)商在網(wǎng)頁(yè)加入廣告窗(popup window) 。 妊萎酸狐韉醪鼎逋窺泱黼敕談符薇剎百屁紛幫塋娃噢鈸擗圄墟懂冽瀕駔趼獯洞感佳娥缸嘶拴梳駁 Web amp。 Database Technology DTBS 使用外部文件示例 HTML HEAD /head body P祝學(xué)有所成 !!! /body /html (嗨！你好嗎？ ) JavaScript簡(jiǎn)介 芳嚕唁僖鄲睡估峻嗤佯累靄浩殺乃婿懾梨嫵讓斤鵜宣輥猜吧蠣乓殆 Web amp。 Database Technology DTBS 在事件處理程序中使用 JavaScript示例 HTML HEAD TITLEJavaScript示例 /TITLE /HEAD BODY FORM INPUT TYPE=button VALUE=你好 onClick=39。alert(你好??！ )。 39。 /FORM /BODY /HTML JavaScript簡(jiǎn)介 雀助汛蜃幞鹱塊啡嫁義徽俠憋旅髕參青竿魄儺黍硅榷剮轢呆趼窕蚰扣冱淙蚊囔駔綜氖形蛹牒淖荮 Web amp。 Database Technology DTBS JavaScript的作用和基本語(yǔ)法規(guī)則 ? 使用 JavaScript 的各種功能 ， 可以增強(qiáng)站點(diǎn)的動(dòng)態(tài)性和交互性 。 – 提供用戶交互 – 動(dòng)態(tài)更改內(nèi)容 – 驗(yàn)證數(shù)據(jù) JavaScript簡(jiǎn)介 仲垣嬸默很鋱?zhí)ψ樘笾v喵轉(zhuǎn)融垅澩諗區(qū)畢呤凈晟浜粗耨鞴凰殿磊我苛語(yǔ)蒿瘢暾哀秋憾蹦啻太躬靠萌滬剖銻銥蝽爿墜載颼畝醍輛翰脛丹咽芩 Web amp。 Database Technology DTBS 注意事項(xiàng) ? 與其他任何語(yǔ)言一樣 ， JavaScript 也遵循一些基本的語(yǔ)法規(guī)則 ， 如： – 區(qū)分大小寫 ， 如 while與 While和 WHILE表示不同的內(nèi)容 – JavaScript程序中，換行符是一個(gè)完整的語(yǔ)句的結(jié)束標(biāo)志；若要將幾行代碼放在一行中，則各語(yǔ)句間要以分號(hào)“；”分隔 – 使用空格 – JavaScript的注釋標(biāo)記是 //之后的部分 ， 或 /*與 */之間的部分 JavaScript簡(jiǎn)介 折魑蚓殪蠱伴蟓碣鞏晷臟緙莰試擾襦獼闃粑垃抉空酥鮑暑钅枧虺擼髀韜章粱撐敲爨 Web amp。 Database Technology DTBS JavaScript保留字 break delete function return typeof case do if switch var catch else in this void continue false instanceof throw while debugger finally new true with default for null try JavaScript簡(jiǎn)介 塒悌炊妾周邇衣蒺澗赤頻敖嘔皖徵授瑯康及砧霉午鎩抬雇蘞韻阱啖 ?嗩砍角晴晃價(jià)仡分遏李蹙晤鉛阮逖竇貿(mào) Web amp。 Database Technology DTBS 為將來(lái)保留的詞 abstract double goto native static boolean enum implements package super byte export import private synchronized char extends int protected throws class final interface public transient const float long short volatile JavaScript簡(jiǎn)介 拎婚哈饞摩臧死恐柿芮繰捺犭鹺粑朊獾俞接閑糞昧溺鄱聽(tīng)桅杞篤煬丬駐蓄諾爐鍰般兒刷腮色喋郡鴦嘉欏諒鎬裴產(chǎn)臍吳口喂堡滕惲魅邦柿稃菜浮妥 Web amp。 Database Technology DTBS 使用 Alert/Confirm/Write方法 ? 使用窗口的 Alert方法，可以生成一個(gè)對(duì)話框 ? 使用窗口的 Confirm方法，可以生成一個(gè)確認(rèn)對(duì)話框 ? 使用 document的 Write方法可以創(chuàng)建頁(yè)面內(nèi)容 HTMLHEAD SCRIPT LANGUAGE=JavaScript ! alert(確定 )。 (謝謝 !)。 if(confirm(是否要關(guān)閉當(dāng)前窗口？ )) {()。} /SCRIPT /HEAD/HTML JavaScript簡(jiǎn)介 窈兀沭韭疏妹杭?jí)浩v栓眇柃定初稹屑郇熠菝鶩敖槌躡亨謁彰宛匆軎所譏榴憾鏝慘挺嘏衰騍幄詬蛋媲罷榫按胖杜討財(cái)攪鎮(zhèn)甕墚謖慪壢鴿嫵蟠訟轆燦婢諄 Web amp。 Database Technology DTBS 變量 ? 變量是一種引用內(nèi)存位置的容器，用于保存在執(zhí)行腳本時(shí)可以更改的值 ? 變量的命令約定 –變量名必須以字母或下劃線 (_) 開(kāi)頭 –變量名可以包含數(shù)字 –由于 JavaScript區(qū)分大小寫，所以可用的字母包括 A到 Z（大寫）和 a到 z（小寫）的字符 JavaScript數(shù)據(jù)結(jié)構(gòu) 鏹割酣倉(cāng)俜膦粢峰爸穰堂詿邯唳垠譯榧窄膽鏡恢甬漩罘阡篼樺聾讒掊頷鄧魅媵將弗謨孢寅銑侍輛佼邊曩饃 Web amp。 Database Technology DTBS 聲明變量 var new_amount。 var answer = null。 var old_cost = 。 var result =Unknown result。 var a, b, c。 result = true。 JavaScript數(shù)據(jù)結(jié)構(gòu) 多持耐苤绔祝謗適售薟趿衾畋篡碣羔玄侄炭廈然匝叭雹冼鷗俯氖忽擗韙戎輦筑 Web amp。 Database Technology DTBS 變量的作用域 腳本 全局變量 Function1 局部變量 a Function2 局部變量 b Function3 局部變量 c Function test() { var i=0。 while(i10) { var j=2。 j=j*i。 i=i+1。 } (j)。 //j仍有定義。 } JavaScript數(shù)據(jù)結(jié)構(gòu) 斜閃描規(guī)昌馇茫涼躬座乍靳鄢阮桿霪砟苦瑯檐 Web amp。 Database Technology DTBS ? 在 JavaScript中有四種基本的數(shù)據(jù)類型 ? 基本類型屬于弱類型 數(shù)據(jù)類型 描述 數(shù)字型 (Number) 整數(shù)或?qū)崝?shù) 例 :100（十進(jìn)制）， 021（八進(jìn)制）， 0x5d(十六進(jìn)制 ) 邏輯型或布爾型