【正文】
希需循環(huán)執(zhí)行代碼塊并且需要在指定條件是真時(shí)執(zhí)行,那么可以使用While循環(huán)。語法:while (var=endvalue){ code to be executed}do...while循環(huán):do...while循環(huán)是while循環(huán)的變體,它總會(huì)執(zhí)行代碼塊一次,然后當(dāng)條件是真時(shí)再重復(fù)循環(huán),這個(gè)循環(huán)至少會(huì)有一次被執(zhí)行,即使條件是錯(cuò)誤的,因?yàn)榇a在執(zhí)行完一次后再進(jìn)行條件的測試。語法:do{ code to be executed}while (var=endvalue)javascript循環(huán)中的的break和continue這里有兩種聲明可以用在循環(huán)里面:break和continueBreak:Break命令將跳出循環(huán)繼續(xù)執(zhí)行緊跟隨循環(huán)的下面的其它代碼。例子:htmlbodyscript type=text/javascriptvar i=0for (i=0。i=10。i++){if (i==3){break}(The number is + i)。(br /)。}/script/body/html結(jié)果:The number is 0The number is 1The number is 2continue:continue命令將跳過當(dāng)前循環(huán)并繼續(xù)下一個(gè)值的循環(huán)(不跳出循環(huán)體)例子:htmlbodyscript type=text/javascriptvar i=0for (i=0。i=10。i++){if (i==3){continue}。(The number is + i)。(br /)。}/script/body/html結(jié)果:The number is 0The number is 1The number is 2The number is 4The number is 5The number is 6The number is 7The number is 8The number is 9The number is 10javascript的for…in表達(dá)式 for...in聲明是用于循環(huán)遍歷一個(gè)對象或一個(gè)數(shù)組的元素,該循環(huán)的參數(shù)將取出該對象或數(shù)組的所有元素語法:for (variable in object){ code to be executed}示例:用for...in循環(huán)一個(gè)數(shù)組:htmlbodyscript type=text/javascriptvar xvar mycars = new Array()mycars[0] = Saabmycars[1] = Volvomycars[2] = BMWfor (x in mycars){ (mycars[x] + br /)}/script/body/htmljavascript的Events通過使用Javascript我們有能力去創(chuàng)建動(dòng)態(tài)的WEB頁面,而事件是必不可少的,事件可以通知(觸發(fā))Javascript產(chǎn)生動(dòng)作。每個(gè)元素在網(wǎng)頁上都有可能觸發(fā)Javascript作用的某些事件,例如,我們可以用onClick事件為按鈕元素增加一個(gè)當(dāng)用戶點(diǎn)擊按鈕時(shí)觸發(fā)的事件,事件定義在HTML元素的標(biāo)簽內(nèi)。事件的例子: 一個(gè)鼠標(biāo)點(diǎn)擊時(shí) 一個(gè)網(wǎng)頁或一個(gè)圖片加載時(shí) 鼠標(biāo)在網(wǎng)頁中移動(dòng)到一個(gè)熱點(diǎn)上時(shí) 在頁面中選擇一個(gè)輸入框時(shí) 提交一個(gè)表單時(shí) 擊鍵盤按鍵時(shí)注意:事件通常和函數(shù)聯(lián)合使用,函數(shù)不會(huì)在事件未發(fā)生時(shí)執(zhí)行。onload 和 onUnload當(dāng)用戶進(jìn)入一個(gè)頁面或離開一個(gè)頁面時(shí)觸發(fā)該事件。onFocus, onBlur 和 onChangeonFocus,onBlur和onChange事件通常用聯(lián)合用于表單域內(nèi)元素的事件觸發(fā)。onSubmitonSubmit事件是用來在提交前驗(yàn)證所有表單域,如果返回值為true時(shí)才能提交,否則不能提交。onMouseOver and onMouseOutonMouseover和onMouseout通常用來創(chuàng)建動(dòng)態(tài)的按鈕(基于我們的瀏覽器)四.JavaScript對象,它允許你定義自己的對象和創(chuàng)建自己的變量類型。,它有自己的屬性和方法。 : 下面的例子使用了String對象的length屬性來返回字符串的長度: script type=text/javascript var txt=Hello World! () /script 以上將輸出值:12: 下面的例子使用了String對象方法讓字符串變?yōu)榇髮懀海?script type=text/javascript var txt=Hello World! (()) /script 以上將輸出值:HELLO WORLD!Javascript幾大內(nèi)置對象1. String 字符串對象2. Boolean 布爾對象3. Number 數(shù)字對象4. Array 數(shù)組對象5. Date 日期對象6. Math 數(shù)學(xué)對象7. RegExp 正則表達(dá)式對象8. 用戶自定義自定義Javascript對象1. 定義一個(gè)對象– 直接創(chuàng)建(變量型)對象并加入屬性:? var obj = new Object 或者 var obj = {}? = “John”。? = “Doe”。? = 50。? = “blue”。– 向?qū)ο髢?nèi)增加方法:? = eat。 或者 = function(){}2. 繼承一個(gè)對象– 函數(shù)型對象:function obj(firstName,lastName,age,eyeColor){ = firstName。 = lastName。 = age。 = eyeColor。} = function(){}var my = new obj(“John”,”Doe”,50,”blue”)。第三部分DHTML培訓(xùn)一.什么是DHTMLDHTML是創(chuàng)建動(dòng)態(tài)HTML頁面的藝術(shù)!DHTML是一種聯(lián)合技術(shù),用于創(chuàng)建動(dòng)態(tài)和交互的WEB站點(diǎn)。DHTML聯(lián)合了HTML,樣式表以及Javascript。繼續(xù)之前你需要明白如下的基礎(chǔ): HTML CSS JavaScriptDHTML不是W3C的標(biāo)準(zhǔn)定義。DHTML可以控制元素在瀏覽器頁面內(nèi)的顯示樣式及位置等等一系列的特性。二.CSS在dhtml中的定位CSS用于HTML元素的樣式.1) PositionPosition這個(gè)CSS屬性允許你控制元素在頁面內(nèi)的位置。position:relativeposition相對于它的容器的相對位置。以下例子讓div元素離自己容器左邊距10像素:div{position:relative。left:10。}position:absoluteposition位置絕對與窗口的位置.下面的例子讓DIV元素離窗口左邊距10像素。div{position:absolute。left:10。}2) VisibilityVisibility屬性決定了元素是否可見,如果不可見的話,元素依然會(huì)在頁面占據(jù)自己的位置(根據(jù)元素的大小)visibility:visiblevisibility:visible 讓元素可見.h1{visibility:visible。}visibility:hiddenvisibility:hidden讓元素不可見.h1{visibility:hidden。}3) Zindexzindex用于安置一個(gè)元素“在”另一個(gè)元素之后。 缺省的zindex值是0,數(shù)值越大越在上層。zidnex為1時(shí)優(yōu)先級(jí)最低h1{zindex:1。}h2{zindex:2。}在上面的例子中,如果h1和h2元素重疊放在一起,那么h2元素將被放置在h1元素的上部。4) Filtersfilter屬性允許你為文本或圖片增加一些風(fēng)格及樣式。h1{filter:alpha(opacity=100)。}上面的例子會(huì)將圖片或DIV塊處理為半透明狀態(tài)。關(guān)于CSS方面就不具體介紹別的了, 這里就介紹了一些常用的屬性, 是因?yàn)槲覀兊臑g覽器對CSS支持的比較少.三.dhtml中document對象的樣式document對象模型讓我們可以訪問頁面中的所有元素。怎樣訪問一個(gè)元素?元素需要一個(gè)已經(jīng)定義過的ID屬性和需要的腳本語言,Javascript是大多數(shù)瀏覽器都兼容的腳本語言,所以我們可以用Javascript來訪問到它們:htmlbodyh1 id=headerMy header/h1script type=text/javascript(39。header39。).=red/script/body/html腳本改變h1元素文本的顏色并顯示,如下:My header例子:htmlbodyh1 id=headerOld header/h1script type=text/javascript(39。header39。).innerHTML=New header/scriptpNote that the original text was Old header!/p/body/html輸出:New header注意它初始的文本為:Old header!dhtml的Event Handlers當(dāng)事件觸發(fā)時(shí)我們可以用事件句柄做一些事,如:當(dāng)用戶在點(diǎn)擊了一個(gè)元素時(shí)、當(dāng)頁面加載時(shí)、當(dāng)表單提交時(shí)等等。h1 onclick==39。red39。Click on this text/h1上面的例子定義了當(dāng)用戶點(diǎn)擊它時(shí)將自己的文字顏色改變?yōu)榧t色你也可以在head區(qū)域加入函數(shù)然后調(diào)用這個(gè)函數(shù)給事件句柄,如:htmlheadscript type=text/javascriptfunction changecolor(){(39。header39。).=red}/script/headbodyh1 id=header onclick=changecolor()Click on this text/h1/body/htmlHTML Event Handlers事件觸發(fā)情形onabort當(dāng)用戶取消頁面加載onblur當(dāng)一個(gè)元素失去焦點(diǎn)onchange當(dāng)用戶改變一個(gè)元素的屬性時(shí)onclick當(dāng)用戶點(diǎn)擊一個(gè)元素時(shí)ondblclick當(dāng)用戶雙擊元素時(shí)onfocus當(dāng)元素得到焦點(diǎn)時(shí)onkeydown當(dāng)鍵被按下時(shí)(返回鍵碼)onkeypress當(dāng)鍵被按下時(shí)(返回ASCII碼)onkeyup當(dāng)鍵被按下并松開時(shí)onload當(dāng)頁面加載完成時(shí)(注意:Netscape瀏覽器當(dāng)頁面在加載時(shí)就觸發(fā)該事件)onmousedown當(dāng)用戶點(diǎn)下鼠標(biāo)時(shí)onmousemove當(dāng)鼠標(biāo)移動(dòng)時(shí)onmouseover當(dāng)鼠標(biāo)移動(dòng)到元素之上時(shí)onmouseout當(dāng)鼠標(biāo)離開元素時(shí)onmouseup當(dāng)鼠標(biāo)點(diǎn)擊元素并釋放時(shí)onreset當(dāng)表單重置時(shí)onselect當(dāng)用戶在頁面上選定一段內(nèi)容時(shí)onsubmit當(dāng)提交表單時(shí)onunload當(dāng)頁面在離開時(shí)(關(guān)閉,跳轉(zhuǎn)等等)58 /