




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
Javascript第一章Javascript概述與入門課程目標(biāo)掌握J(rèn)avaScript基本語法掌握事件與事件驅(qū)動程序的調(diào)用,完成界面上的動態(tài)效果掌握DOM編程,能夠?qū)撁嫔细鞣N元素進(jìn)行靈活控制掌握瀏覽器對象模型,能夠控制窗體界面運用正則表達(dá)式對表單輸入項進(jìn)行校驗課程內(nèi)容與課時安排第一章JavaScript概述與簡介(1課時)第二章對象基礎(chǔ)(1課時)第三章自定義對象(1課時)第四章JavaScript繼承機(jī)制(0.5課時)第五章瀏覽器對象(1課時)第六章DOM基礎(chǔ)(2課時)第七章表單、表單元素(1課時)第八章正則表達(dá)式(1課時)第九章JavaScript中的Xml與xml解析(1課時)第十章JavaScript中的錯誤處理(1課時)目標(biāo)理解什么是
JavaScript如何將JavaScript嵌入到HTML中變量與數(shù)據(jù)類型和運算符流程控制語句窗口輸入輸出JavaScript發(fā)展歷史JavaScript歷史Nombas公司、Cmm語言(ScriptEase)、
宏操作腳本網(wǎng)景公司(Netscape)NavigateSun公司LiveWire(LiveScript)和Javascript其它腳本語言:JScriptVbScript(微軟vb)ActionScript(Flash)三足鼎立->標(biāo)準(zhǔn)化ECMAScript1997年,歐洲計算機(jī)制造商協(xié)會(ECMA)推出ECMA-262標(biāo)準(zhǔn)JavaScript語言特點JavaScript是腳本語言嵌入網(wǎng)頁中,
無需編譯,由web瀏覽器解釋執(zhí)行JavaScript是基于對象的語言JavaScript是事件驅(qū)動的語言JavaScript是平臺無關(guān)的語言運行在瀏覽器中,用于開發(fā)基于客戶端的動態(tài)web頁,由瀏覽器提供客戶端腳本的運行環(huán)境,與操作環(huán)境無關(guān)JavaScript與Java主要區(qū)別開發(fā)公司不同語言類型不同(基于對象與面向?qū)ο螅?/p>
JavaScript是基于對象的,它自身具有已創(chuàng)建完畢的對象;而Java則是面向?qū)ο蟮模瑢ο蟊仨殢念愔袆?chuàng)建執(zhí)行方式不同(解釋和編譯)
Java被編譯成字節(jié)代碼文件;JavaScript解釋型語言,由瀏覽器邊編譯邊執(zhí)行代碼格式不同JavaScript的代碼以字符的形式嵌入在HTML文檔中;JavaApplets則是由文檔引用,其代碼以字節(jié)代碼的形式保存在另一個獨立的文件中變量類型不同(弱類型與強(qiáng)類型)JavaScript為弱類型,Java為強(qiáng)類型聯(lián)編方式不同(動態(tài)聯(lián)編與靜態(tài)聯(lián)編)
Java靜態(tài)聯(lián)編,對象引用在編譯時檢查,JavaScript動態(tài)聯(lián)編JavaScript能做什么提供用戶交互動態(tài)生成頁面內(nèi)容動態(tài)更改內(nèi)容動態(tài)改變頁面效果數(shù)據(jù)驗證
綜述JavaScript是屬于網(wǎng)絡(luò)的腳本語言!JavaScript被數(shù)百萬計的網(wǎng)頁用來改進(jìn)設(shè)計、驗證表單、檢測瀏覽器、創(chuàng)建cookies,以及更多的應(yīng)用。JavaScript是因特網(wǎng)上最流行的腳本語言。JavaScript很容易使用!你一定會喜歡它的!JavaScript組成核心(ECMAScript)文檔對象模型(DOM)瀏覽器對象模型(BOM)JavaScript知識結(jié)構(gòu)語法基礎(chǔ)數(shù)據(jù)類型,強(qiáng)制數(shù)據(jù)類型轉(zhuǎn)換變量,函數(shù)運算符條件,循環(huán)語句核心對象數(shù)組對象,字符串對象,數(shù)學(xué)對象,日期對象,自定義對象瀏覽器對象Window、document、location、historyform對象、表單元素對象將JavaScript嵌入網(wǎng)頁三種方法1.使用<script>…</script>
標(biāo)簽將語句嵌入文檔2.將外部JavaScript源文件鏈接到html文檔中
<scriptsrc="test.js"></script>可使多個網(wǎng)頁共享一個腳本文件內(nèi)的代碼一般在其中定義一系列在多個網(wǎng)頁中都可能要用到的函數(shù)3.作為網(wǎng)頁元素的事件處理程序,當(dāng)事件觸發(fā)時自動運行<marqueeonmouseover=“this.stop()”>使用script標(biāo)簽JavaScript代碼<html> <head> <script
type="text/javascript"> document.write("歡迎來到JavaScript世界"); </script> </head> <body> <p>這里是網(wǎng)頁主體內(nèi)容!!! </body></html>腳本代碼設(shè)置語言使用外部JS文件JavaScript代碼(test.htm)<html><head><title>使用外部文件</title><scriptsrc="test.js"></script></head><body> <p>以上文本是通過訪問外部JavaScript文件顯示的</p></body></html>document.write("喂!你好嗎?")JavaScript代碼(test.js)JavaScript基本語法JavaScript語法結(jié)構(gòu)既寬松又簡單JavaScript基本語法部分:語句:一條由計算機(jī)完成的、幫助你達(dá)到某種目的的指令,JavaScript中的每一行都可認(rèn)為是一條語句變量:一個代表某個值的名字就是變量表達(dá)式:A-1+B就是表達(dá)式函數(shù):具有一定功能的程序段數(shù)據(jù)類型數(shù)據(jù)類型說明示例基本數(shù)據(jù)類型數(shù)字型(number)整數(shù)或?qū)崝?shù)487,25.95字符串型(string)一組字符“Hello”布爾型(boolean)執(zhí)行邏輯運算true或false引用數(shù)據(jù)類型對象(Object)無序的值的集合function函數(shù)類型特殊數(shù)據(jù)類型null代表”無對象”的值undefined未聲明或沒有賦值的變量變量變量是一種引用內(nèi)存位置的容器,用于保存在執(zhí)行腳本時可以更改的值JS是弱類型的語言,即聲明變量時不需指定數(shù)據(jù)類型,為它賦值時其類型才確定,而且再次為其賦值可改變它的數(shù)據(jù)類型.變量的命名:只能包含數(shù)字,字母,下劃線("_"),但不能以數(shù)字開頭,不能是保留字(關(guān)鍵字)JavaScript區(qū)分大小寫,即變量myVar、myVAR和myvar是不同的變量.命名規(guī)則推薦:Camel、Pascal、匈牙利類型標(biāo)記法(例如:productName、ProductName、strProductName)關(guān)鍵(保留)字變量的聲明var
關(guān)鍵詞聲明變量函數(shù)內(nèi)聲明變量則為局部變量,函數(shù)外聲明則為全局變量.(必須要以var
聲明)<script
type="text/javascript"> //語句以分號結(jié)束
variNumA; //聲明變量
iNumA=10; //給變量賦值
iNumB=20; //未聲明變量直接賦值
variNumC=10; //聲明的同時初始化
varx,y,z=10; //聲明多個變量</script>表達(dá)式-算術(shù)運算符運算符說明示例+如果操作數(shù)都是數(shù)字時執(zhí)行加法運算,如果其中的操作數(shù)有字符串時,會執(zhí)行連接字符串的作用A=5+8//結(jié)果是13A="5"+8//結(jié)果是"58“38+“abc”+12;38+12+“abc”;-減法A=8–5*乘法A=8*5/除法A=20/5%取余-相除之后的余數(shù)10%3=1++一元遞增。此運算符只計算一個操作數(shù),將操作數(shù)的值加1。返回的值取決于++運算符是位于操作數(shù)之前還是位于操作數(shù)之后。++x返回遞增后的x值x++返回遞增前的x值--一元遞減。此運算符只計算一個操作數(shù)。返回的值取決于--運算符是位于操作數(shù)之前還是位于操作數(shù)之后--x返回遞減后的x值x--返回遞減前的x值-一元求反。此運算符返回操作數(shù)的相反數(shù)如果a等于5,則-a=-5表達(dá)式-比較運算符運算符說明示例==等于。如果兩個操作數(shù)相等,則返回truea==b===全等于。值相等,數(shù)據(jù)類型也相等a===b!=不等于。如果兩個操作數(shù)不等,則返回truea!=b>大于。如果左操作數(shù)大于右操作數(shù),則返回truea>b>=大于或等于。如果左操作數(shù)大于或等于右操作數(shù),則返回truea>=b<小于。如果左操作數(shù)小于右操作數(shù),則返回truea<b<=小于或等于。如果左操作數(shù)小于或等于右操作數(shù),則返truea<=b表達(dá)式-邏輯運算符運算符例子說明&&expr1&&expr2邏輯與||expr1||expr2邏輯或!!expr邏輯非方式一、function
函數(shù)名([參數(shù)[,參數(shù)...]]){
<語句組>
[return<表達(dá)式>;]
}方式二、函數(shù)名=function([參數(shù)[,參數(shù)...]]){…}方式三、(較不常用)Function類函數(shù)名=newFunction([“參數(shù)名”[,“參數(shù)名”...]],“函數(shù)體”)函數(shù)的聲明與調(diào)用函數(shù)的聲明與調(diào)用(續(xù))
函數(shù)示例:
functiondistance(a
,
b){
var
c=a-b; //變量聲明
return
c; //函數(shù)返回值
}
distance(4,3); //帶參函數(shù)的調(diào)用函數(shù)的聲明與調(diào)用(續(xù))arguments對象functiondoSum(){if(arguments.length==2){returnarguments[0]+arguments[1];}elseif(arguments.length==3){returnarguments[0]+arguments[1]+arguments[2];}}alert(doSum(4,5));alert(doSum(4,5,6));函數(shù)的聲明與調(diào)用(續(xù))內(nèi)部函數(shù)示例:functionfunc(x,y){returninner();functioninner(){returnx+y;}}變量的作用域變量a、b和c只能在其各自的函數(shù)中被訪問script函數(shù)function1局部變量a函數(shù)function2局部變量b函數(shù)function3局部變量c可由函數(shù)1、函數(shù)2和函數(shù)3訪問全局變量gg全局變量不需要以var
關(guān)鍵字進(jìn)行聲明,但局部變量則必須以此關(guān)鍵字來聲明。(建議所有變量都采用var聲明)
Javascript沒有塊級作用域類型轉(zhuǎn)換強(qiáng)制類型轉(zhuǎn)換,ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換:
Boolean(value);
Number(value);
String(value);NaN---不是一個數(shù)字類型
函數(shù)函數(shù)名作用isNaN()檢測一個值是否是非數(shù)字的值parseInt()將字符串轉(zhuǎn)換為整數(shù),轉(zhuǎn)換第一個無效字符之前的字符串parseFloat()將字符串轉(zhuǎn)換為數(shù)字,轉(zhuǎn)換第一個無效字符之前的字符串a(chǎn)lert()彈出對話框顯示消息confirm()用對話框詢問一個回答為是或否的問題prompt()彈出對話框,請求用戶輸入一個字符串document.write()向文檔窗口輸出字符串思考:variNum=10;varsNum=iNum.toString(8);variNum1=parseInt("12.6");variNum2=parseInt("hello");variNum3=parseInt("123world");varfNum4=parseFloat("25.12.6");varb1=Boolean("");varb1=Boolean(undefined);varb1=Boolean(0);variNum=Number("25.12.6");varbl=isNaN(Number("13f"))求值運算符通常這些運算符包括:條件運算符:(condition)?trueVal:falseValtypeof運算符
typeof運算符返回字符串,該字符串代表操作數(shù)的類型status=(age>=18)?"adult":"minor"varx=5;document.write(typeof(x));條件語句if…else語句switch語句if(condition){statements;}else{statements2;}switch(expression){casevalue1:statements;
break;casevalue2:statements;
break;...default:statements;}循環(huán)語句for循環(huán)for-indo…whilewhilebreak(結(jié)束循環(huán),跳出循環(huán)體)continue(結(jié)束本次循環(huán),進(jìn)入下一次循環(huán))語法和C語言一致課堂實例思考:variNum=0;for(varm=0;m<3;m++){
mypoint:for(varn=0;n<5;n++){for(vark=0;k<5;k++){ if(k==1)break
mypoint;
iNum++;}}
alert(“hi”);//這里會彈出提示幾次?}alert(iNum);
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025云南省建筑安全員知識題庫及答案
- 包膜工廠轉(zhuǎn)讓合同范本
- 2025浙江省安全員B證考試題庫
- 勞動合同與勞務(wù)合同范本
- 二年級口算題目練習(xí)冊100道
- 北京家具租賃合同范本
- 二年級口算題練習(xí)匯編100道
- 二年級口算題目大全集100道
- 工傷授權(quán)委托書模板范文大全
- 辦公室先進(jìn)個人申報材料范文
- 鍋爐節(jié)能管理制度
- 2023年道路交通安全法實施條例
- 市政工程標(biāo)準(zhǔn)施工組織設(shè)計方案
- 馬爾文粒度儀MS2000原理及應(yīng)用
- 護(hù)理不良事件管理、上報制度及流程
- GB 9706.224-2021醫(yī)用電氣設(shè)備第2-24部分:輸液泵和輸液控制器的基本安全和基本性能專用要求
- 鋼棧橋施工與方案
- 《藝術(shù)學(xué)概論》課件-第一章
- 子宮內(nèi)膜異位癥診療指南完整課件
- 動物寄生蟲病學(xué)課件
- 人教版小學(xué)三年級下冊數(shù)學(xué)應(yīng)用題專項練習(xí)題40614
評論
0/150
提交評論