javascript入門教程初學(xué)者不可多得的優(yōu)秀入門

1、12341234JavaScript的位JavaScript 語(yǔ)JavaScript 注單行注多行注6 變變JavaScript操作 ifelse語(yǔ)句（如果，否則ifelse結(jié)（3）ifelse嵌JavaScriptSwitch語(yǔ)JavaScriptFor 循JavaScriptWhile循 dowhile循環(huán)的結(jié)8.5JavaScriptBreak 與8.6JavaScriptFor.In循JavaScript 彈出警告確認(rèn)提問JavaScript 函 JavaScript JavaScript事事14.1基本對(duì)String 字符串對(duì)Array 數(shù)組對(duì)Math “數(shù)學(xué)”對(duì)Date 對(duì)（7）a

2、nchors;links;JavaScript 實(shí)1JavaScript1 Javascript 是學(xué)習(xí)語(yǔ)言的首選。她兼容性好，絕大多數(shù)瀏覽器均支持Javascript是javascript與javaavacript可以做很多的事情，但它最主流的應(yīng)用還是在 Web 上頁(yè)(即網(wǎng)頁(yè)特效) 1JavaScript1 Javascript 是學(xué)習(xí)語(yǔ)言的首選。她兼容性好，絕大多數(shù)瀏覽器均支持Javascript是javascript與javaavacript可以做很多的事情，但它最主流的應(yīng)用還是在 Web 上頁(yè)(即網(wǎng)頁(yè)特效) 語(yǔ)公司以及其他語(yǔ)言開發(fā)商為減少 web ECMA， 該組織專門制定語(yǔ)言的標(biāo)準(zhǔn)和

3、規(guī)范。ECMA 制定的標(biāo)準(zhǔn)語(yǔ)言叫做 asp 。JavaScriptHTML Web 2 CSS的方式相似，使用在網(wǎng)頁(yè) scripttype=text/JavaScriptJavaScript3HTMLbodyJavaScriptsHTML headJavaScriptsJavaScriptJavaScript3HTMLbodyJavaScriptsHTML headJavaScriptsJavaScriptJavaScriptJavaScriptscript !-誰-JavaScript使script .write(我是菜誰JavaScripts想。head 部分中的 : 需調(diào)用執(zhí)行或事件觸發(fā)

4、執(zhí)行HTMLscriptbody中的body: 當(dāng)頁(yè)面加載時(shí)執(zhí)行JavaScripts想。head 部分中的 : 需調(diào)用執(zhí)行或事件觸發(fā)執(zhí)行HTMLscriptbody中的body: 當(dāng)頁(yè)面加載時(shí)執(zhí)行的scriptbody 和 headbodyhead。scriptscript中，保存在擴(kuò)展名為 .js文件中不要包含標(biāo)記符時(shí)將標(biāo)記符 的“src”屬性值指向相應(yīng)的.jsscriptscriptJavaScript 4是叫瀏覽器書寫出一段內(nèi)容。中，保存在擴(kuò)展名為 .js文件中不要包含標(biāo)記符時(shí)將標(biāo)記符 的“src”屬性值指向相應(yīng)的.jsscriptscriptJavaScript 4是叫瀏覽器書寫出一

5、段內(nèi)容。 已經(jīng)知道， .write面那個(gè)語(yǔ)句就是讓瀏覽器輸出“我是菜鳥 誰!”。個(gè)分號(hào)“;”來表示語(yǔ)句的結(jié)束。這是一個(gè)編程的好 ，事實(shí)上在很多語(yǔ)言中句末的分號(hào)script 本節(jié)介紹Javasctipt中的語(yǔ)句，語(yǔ)句是編程的一個(gè)基本概念。script !-.write(我是菜誰/-5JavaScript 注釋的作用就是 自己在編程時(shí)候的思路，以便以后自己閱讀代碼時(shí)可以馬上找到思5JavaScript 注釋的作用就是 自己在編程時(shí)候的思路，以便以后自己閱讀代碼時(shí)可以馬上找到思的編程 。script 誰多行注釋以/*開始，以*/結(jié)束script 誰.write(Thisisa.write(Thisi

6、sa.write(Thisis6JavaScript a = 5 已經(jīng)看到了，JavaScript6JavaScript a = 5 已經(jīng)看到了，JavaScript中可以不 var a ; /aa5可以用中a & if(1 &ba & “abc”JavaScriptJavaScriptabababababab7.2 比較操作符和邏輯操例如：a=baba+=b;/a=a+b a-=b;/a=a-b a*=b;/a=a*b a /= b;/ a= a / 8JavaScript Var hobby = “VbScript”;if(hobby=8JavaScript Var hobby = “Vb

7、Script”;if(hobby=8.1ifelse語(yǔ)句（如果，否則ifelse是所有編程語(yǔ)言里都有的功能，它使得程序具有簡(jiǎn)單的判斷能力。在介紹if之前，讓在變量一節(jié)中， 曾經(jīng) ，變量可以用來 布爾值。哪么布爾值的作用究竟是什么呢？簡(jiǎn)單的說，布爾值的作用就是用來表示“真的 ”。所以布爾值其實(shí)只有兩種取ifelse其實(shí)“ifelse”的意思和字面意思是一樣的，就是“如果”、“否則”。還是讓ifif(!if(1 |script var hobby =if ( hobby= elseif(script var hobby =if ( hobby= elseif(hobby=football)/如if

8、ifelseelse（3）ifelse如果想 var hobby = JavaScriptif(hobby=else/如不是具體到 的例子，因?yàn)?hobby“VbScript”hobby如果你的 不是 JavaScript，那么沒有任何輸出。如果你希望它能對(duì)這種情況做出反應(yīng)， 可以請(qǐng) elsescript 用score變量來script 用score變量來var score = 65;/暫時(shí)不用深究，()內(nèi)最后的結(jié)果為6 switch (parse(score / 10) /switchcase6case case case case case case degree8.2JavaScript

9、Switch語(yǔ) 上一節(jié) 已經(jīng)看到，利用 if else if else 則可以讓程序?qū)Χ喾N情況進(jìn)行判斷。但是當(dāng)情況的種類比較多的時(shí)候，使用 switch比如要實(shí)現(xiàn)如下功能的程序：輸入一個(gè)學(xué)生的 成績(jī)， 按照每十分一個(gè)等級(jí)將很明顯，用 if else 可以實(shí)現(xiàn)這樣的程序，但是代碼會(huì)很復(fù)雜。而如果使用 switch 語(yǔ)JavaScript。 switch (parse(score/10) case 0:case case case case case degree case 6:degreecase degree case 8:degree8，8 case 9:case degree/end of

10、breakcase degree case degree case degree case case degree/end of結(jié)果如下12345678 var i=1;for .write(菜鳥+i+號(hào)br讓這就是swtitch的執(zhí)行邏輯，當(dāng)發(fā)現(xiàn)某個(gè)case足后switch在該casebreakswitch”停下來“。8.3JavaScriptFor 循前面 已經(jīng)看到了，ifelseswitchJavaScript的判斷能力和人比起來差遠(yuǎn)了。電腦更擅長(zhǎng)一件事情不停地重復(fù)。 在 JavaScript var i=0;while .write(br var i=0;while .write(br

11、在上面那個(gè)例子中，循環(huán)恰好執(zhí)行了10次，那么和“for(i=1;i=10;i+)”一句中的10是不是10次的意思呢？下面就來看看for循環(huán)的工作機(jī)制。的例子從i=1開始。足，如果滿足則繼續(xù)循環(huán)，否則停止循環(huán)，繼續(xù)執(zhí)行for循環(huán)后面的代碼。你可能想問了，設(shè)定了i=0，豈不是都小于等于10嗎？來看第三個(gè)部分。最后的i+表示讓 i 在自身的基礎(chǔ)上加 1，這時(shí)每次循環(huán)后的動(dòng)作.也就每次循束。for8.4JavaScriptWhile循 910while 8.5JavaScriptBreak while 8.5JavaScriptBreak i = 0;.write(Thenumberis+ .writ

12、e(brwhile(i = for始條件的，只不過在之前就已經(jīng)定義好了，例如上面例子中的var i=0;，至于變量 i 的增for 沒 區(qū)別，也是變量 i（2）dowhiledo wile 結(jié)構(gòu)的基本原理和 while 結(jié)構(gòu)是基本相同的但是它保證循環(huán)體至少被執(zhí)行一 var i=0for if var i=0for if 的例子：菜鳥6號(hào)外出學(xué)習(xí)JavaScript去了。while var i=0;for if .write(菜鳥+i+號(hào)brvarhobbiesnewvarhobbiesnewArray() var x;varhobbiesnewArray();/創(chuàng)建一個(gè)新的數(shù)組 hobbies

13、0 = JavaScript;hobbies1 = CSS; hobbies2for(xinhobbies).write(hobbiesx+br8.6JavaScriptFor.In循Javascriptforin.write(Thenumberis+.write(br9JavaScript varr=confirm(你是菜鳥嗎); if (r=true)9.2確認(rèn)true或false。沒錯(cuò)，它是一個(gè)布爾值。confirm后面的語(yǔ)句則是 9.1警告在 的時(shí)候，你遇到過這樣的情況嗎？“咚”的一聲，一個(gè)小窗口出現(xiàn)在你面alertfor(xinhobbies).write(hobbiesx+brho

14、bbies0 = JavaScript;以及之后的兩句則是給hobbies數(shù)組賦值。這與前見過的變量賦值不太一樣，hobbies后面多出一個(gè)0，這個(gè)是變量的索引。 在這里，0表示的是hobbies數(shù)組所包含的第一個(gè)變量，沒錯(cuò)，數(shù)組的索引是從0開始forin function judge() varscorevar function judge() varscorevardegreescoreprompt(你的分?jǐn)?shù)是多少？) if (score 100)degree？100switch (parse(score/10) case 0:case case case case case degree

15、 case degree case degree case degree8，8 case case 9.3提問prompt和confirm類似，不過它允許訪客隨意輸入回答。來修改一下之前switch而是假設(shè)我得了65分。這太了。現(xiàn)在我么就可以用prompt來向訪客提問，用score10JavaScript functionadd2() sum = 1 + 1; 10JavaScript functionadd2() sum = 1 + 1; 定功能的代碼，函數(shù)就定義好了。了解了如何定義函數(shù)， 就來自己編寫一個(gè)實(shí)現(xiàn)兩數(shù)相function行、十行、甚至 的代碼。每次需要完成這個(gè)任務(wù)的時(shí)候都重寫一遍

16、代碼顯然不是一個(gè)好主意。這是 就可以編寫一個(gè)函數(shù)來完成這個(gè)任務(wù)，以后只要調(diào)用這個(gè)函數(shù)就可以了。10.1 定義一個(gè)函的格式degree/end of/endofelse functionadd2(x,y) sum = x + y; functionadd2(x,y) sum = x + y; function(參數(shù)1,參數(shù)2,參數(shù)buttononclick調(diào)用add2()10.3 帶參數(shù)的函 function add2()sum=1+1; inputtype=buttonvalue=clickitONCLICK=add210.2 函數(shù)的調(diào)鈕的點(diǎn)擊事件，JavaScript 事件會(huì)在后面介紹。試著

17、11JavaScript11JavaScriptscriptfunction誰JavaScript 很多有很多事件，例如鼠標(biāo)的點(diǎn)擊、移動(dòng)，網(wǎng)頁(yè)的載入和關(guān)閉。該語(yǔ)句執(zhí)行后，result 7result=return 后面的值叫做返回值。使用下面的語(yǔ)句調(diào)用函數(shù)就可以將這個(gè)返回值returnx 和y 則是加數(shù)傳遞給函數(shù)了。例如，add2(3，4)會(huì)求3+4的和，add2(56,65)則會(huì)求出56和65的和 10.4 帶返回值的函好吧事 11.2 鼠標(biāo)經(jīng)過、移出事 11.1 點(diǎn)擊事 12JavaScript JavaScript12JavaScript JavaScript該怎么辦呢？雙引號(hào)被當(dāng)作ja

18、vascript標(biāo)記字符串開始和結(jié)束的符號(hào)，頁(yè)面13JavaScript 14JavaScript 誰和o 13JavaScript 14JavaScript 誰和o a = b + c Var Var （1）JavaScriptJavaScript意思是把 JavaScript 能涉及的范圍劃分成大大小小的對(duì)象，對(duì)象下面還繼續(xù)劃分對(duì)象直至 s可意思是把 JavaScript 能涉及的范圍劃分成大大小小的對(duì)象，對(duì)象下面還繼續(xù)劃分對(duì)象直至 s可length 用法：.lengthcharAt().charAt()；返回該字符串位于第位的單個(gè) length1 () 用法：ASCII fromChar

19、Code()String.fromCharCode(a, b, c.)ASCII ab,c. () 用法：, indexOf() 用法：vars714.1 基本對(duì)（1）String 。substring().substring()；返回原字符串的子字符串，該字符串是原字符串從位置到位置的前一位置的一段。 - 始。substring().substring()；返回原字符串的子字符串，該字符串是原字符串從位置到位置的前一位置的一段。 - = 返回字符串substr().substr(, )；返回原字符串的子字符串，該字符串長(zhǎng)度，則子字符串從toLowerCase.toLowerCase()toU

20、pperCase() 用法：.toUpperCase()（2）Array 數(shù)組對(duì)var數(shù)組名new下標(biāo)var數(shù)組名newArray(,2Hi vara=new varmyArray=newArray(1,4.5, 用法：數(shù)組對(duì)象3使用這個(gè)方法，它將使數(shù)組變成：3,2,1按降序排列數(shù)字：把上面的“ab”該成“ba（3Mah 用法：數(shù)組對(duì)象3使用這個(gè)方法，它將使數(shù)組變成：3,2,1按降序排列數(shù)字：把上面的“ab”該成“ba（3Mah 數(shù)學(xué)”象Ee(2.718281828.LN22ln2)LN1010LOG2E2e LOG10E10(ln10)(log2eePI（3.1415926535.SQRT1

21、_21/2SQRT22functionsortMethod(a,b)return a -abs(x)xx的反余弦值（x），用弧度表示。atan2(x,y)(x,y)ceil(x)xcos(x)xexp(x) 返回 e 的 x 次冪 (ex)。 floor(x)xx 的自然對(duì)數(shù) (lnx)a,abs(x)xx的反余弦值（x），用弧度表示。atan2(x,y)(x,y)ceil(x)xcos(x)xexp(x) 返回 e 的 x 次冪 (ex)。 floor(x)xx 的自然對(duì)數(shù) (lnx)a,a,nmnm1random()round(x)xsin(x) 返回 x 的正弦。 sqrt(x)x ta

22、n(x) 返回 x 的正切。（4Dae 對(duì)象Date 精確到毫秒數(shù)（1/1000 秒）0001 9999 d vardnewDate(99, 10,1); /99101vardnewDate(Oct1,1999);99101var today =new get/setFullYear()x.setFullYear(99)”，則年份被設(shè)定為 0099 年。get/setYear19”開頭，故使用“x.setYear(00)”把年份設(shè)定為 1900 年。get/setMonth()0 1get/setDateget/setDay，0get/setHours()，24 get/setMinutes(

23、) 返回/設(shè)置分鐘數(shù)。 get/setSeconds() 返回/設(shè)置秒鐘數(shù)。 get/setMilliseconds() 返回/設(shè)置毫秒數(shù)。get/setTime19701get/setFullYear()x.setFullYear(99)”，則年份被設(shè)定為 0099 年。get/setYear19”開頭，故使用“x.setYear(00)”把年份設(shè)定為 1900 年。get/setMonth()0 1get/setDateget/setDay，0get/setHours()，24 get/setMinutes() 返回/設(shè)置分鐘數(shù)。 get/setSeconds() 返回/設(shè)置秒鐘數(shù)。 ge

24、t/setMilliseconds() 返回/設(shè)置毫秒數(shù)。get/setTime19701一秒 1000）Jul 21 “2000-07-2115:43:46”toGMTStringGMTStringparse()：Date.parse( today = new Date();var day; var date; if(today.getDay()=0) day = if(today.getDay()=1) day = if(today.getDay()=2) day = if(today.getDay()=3) day = if(today.getDay()=4) day = if(toda

25、y.getDay()=5) day = if(today.getDay()=6)day=date(today.getYear()(today.getMonth1 + today.getDate() + 日 + day +;eval()a 的值為 12isNaN()NaN（不是數(shù)字）”truefalseURL，1)() 是 JavaScript location,navigatorscreen,eval()a 的值為 12isNaN()NaN（不是數(shù)字）”truefalseURL，1)() 是 JavaScript location,navigatorscreen,history 要MyForm

26、UserNameFormButtonID inputid=UserNametype=text14.3 文檔對(duì)b = var 14.2 全局對(duì)o連接對(duì)Java小程序?qū)ο髈連接對(duì)Java小程序?qū)ο髮?duì)frames;anchors;links;Link forms;Formelements;options;images;Imagenavigator 屬appCodeNameIENNMozillaappName返回瀏覽器名。IEernetExplorer，NN返回platformWindows9xWin32（ var nameWindows98javaEnabledJavascreen width（像素

27、數(shù)）heightavailWidth（除去了一些不自動(dòng)隱藏的類似任務(wù)欄的東西所占用的寬availHeightcolorDepth1：黑白；8：256；16：增強(qiáng)色；24/32： nameWindows98javaEnabledJavascreen width（像素?cái)?shù)）heightavailWidth（除去了一些不自動(dòng)隱藏的類似任務(wù)欄的東西所占用的寬availHeightcolorDepth1：黑白；8：256；16：增強(qiáng)色；24/32： nameopen()susus 用法：null；IE（undefinedndefinedself 指窗口本身，它返回的對(duì)象跟 window 對(duì)象是一模一樣的。

28、最常用的是 aparent 返回窗口所屬的框架頁(yè)對(duì)象。tophistorylocationopen()用法：open(URL等內(nèi)建名稱。這里的名稱跟“a400 x100參等內(nèi)建名稱。這里的名稱跟“a400 x100參窗口有沒有菜單，取值yes 或窗口有沒有工具條，取值yes或窗口有沒有地址欄，取值yes或窗口有沒有連接區(qū)，取值yes或窗口有沒有滾動(dòng)條，取值yes或窗口有沒有狀態(tài)欄，取值yes或s us=. 窗口給不給調(diào)整大小，取值yes或窗口是否全屏，取值yes或varnewWindow= close()關(guān)閉一個(gè)已打開的窗用法：window.closeself.closeblur() focu

29、s() scrollTo() 用法：.scrollTo(x,y)；使窗口滾動(dòng)，使文檔從左上角數(shù)起的 (x, y)點(diǎn)滾動(dòng)到窗口的左上角。 deltaYresizeTo() 用法：.resizeTo(width,height)height 寬增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取負(fù)值，則減少。 deltaYresizeTo() 用法：.resizeTo(width,height)height 寬增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取負(fù)值，則減少。 、Scripttruefalseprompt()用法：prompt、nu

30、llsetTimeout()和 erval()的使JavaScript。不過兩者各有各實(shí)際上，setTimeoutset erval 的語(yǔ)法相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的不過這兩個(gè)函數(shù)還是有區(qū)別的，set erval 在執(zhí)行完一次代碼之后，經(jīng)過了那個(gè)固定的setTimeout 只執(zhí)行一次那段代碼。setTimeout只能應(yīng)用在on-offsetTimeout，以實(shí)現(xiàn)重復(fù)的操作：functionshowTime()var today =new alert(Thetimeis:+today.toString(); setTimeout(showTime(), 5000);一旦調(diào)用了這個(gè)函

31、數(shù)，那么就會(huì)每隔5 秒鐘就顯示一次時(shí)間。如果使用seterval(showTime(),5000); function showTime()var today =new alert(Thetime is: + setTimeout5showTimesetTimeout5showTimeshowTime2 setTimeout5showTimesetTimeout5showTimeshowTime2 erval卻沒有被自己所調(diào)用的函數(shù)用erval 命令來創(chuàng)建的對(duì)象，可以用erval()命令來終止。比如history屬 方back()forward()go()用法：history.go(xx0 x

32、跟 location.reload() 是等效的。location注意屬于不同協(xié)議或不同主機(jī)的兩個(gè)地址之間不能互對(duì)方的location對(duì)象Handler，onerror屬var protocolhttp:,https:,file:hostnamelocation.hostname port 返回地址的端host80。 /b/c.html”，location.pathnamepathname4= /b/c.aspselectin=3&jumto=4location.searchselection=3&jumpto=4；如果地址里沒有“?”，則返回空字符串。 href 返回以上全部?jī)?nèi)容，也就是說，

33、返回整個(gè)地址。在瀏覽器的地址欄上怎么顯示它就怎么返回。如果想一個(gè)窗口對(duì)象打開某地址，可以使用“l(fā)ocation.href = .”，也可以直接用“l(fā)ocationreload()IE)或replace()URLprotocolhttp:,https:,file:hostnamelocation.hostname port 返回地址的端host80。 /b/c.html”，location.pathnamepathname4= /b/c.aspselectin=3&jumto=4location.searchselection=3&jumpto=4；如果地址里沒有“?”，則返回空字符串。 href 返回以上全部?jī)?nèi)容，也就是說，返回整個(gè)地址。在瀏覽器的地址欄上怎么顯示它就怎么返回。如果想一個(gè)窗口對(duì)象打開某地址，可以使用“l(fā)ocation.