《商務(wù)網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)》課件第04章 腳本語(yǔ)言JavaScript

內(nèi)容4.1JavaScript簡(jiǎn)介4.2JavaScript的基本語(yǔ)法4.3JavaScript的面向?qū)ο筇匦?.4JavaScript在瀏覽器中的應(yīng)用4.5JavaScript在HTML5中的應(yīng)用4.6常用的JavaScript框架4.7思考題4.1JavaScript簡(jiǎn)介JavaScript是由Netscape公司開(kāi)發(fā)一種基于對(duì)象、事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。JavaScript可以讓網(wǎng)頁(yè)產(chǎn)生動(dòng)態(tài)、交互的效果，從而改善用戶體驗(yàn)。JavaScript已成為Web客戶端開(kāi)發(fā)的主流腳本語(yǔ)言。JavaScript由JavaScript核心語(yǔ)言、JavaScript客戶端擴(kuò)展和JavaScript服務(wù)器端擴(kuò)展三部分組成。4.1JavaScript簡(jiǎn)介核心語(yǔ)言部分包括JavaScript的基本語(yǔ)法和JavaScript的內(nèi)置對(duì)象，在客戶端和服務(wù)器端均可運(yùn)行?？蛻舳藬U(kuò)展部分支持瀏覽器的對(duì)象模型DOM，可以很方便地控制頁(yè)面上的對(duì)象。服務(wù)器端擴(kuò)展部分包含了在服務(wù)器上運(yùn)行的對(duì)象，這些對(duì)象可以和數(shù)據(jù)庫(kù)連接，可以在應(yīng)用程序之間交換信息，也可以對(duì)服務(wù)器上的文件進(jìn)行操作。4.1JavaScript簡(jiǎn)介JavaScript通過(guò)<script>元素在HTML文檔中嵌入腳本代碼，有兩種方法嵌入腳本：第一種方法，直接在HTML文檔中編寫(xiě)JavaScript代碼。<scripttype="text/JavaScript">document.write("這是JavaScript！采用直接插入的方法！");</script>第二種方法，可以通過(guò)文件引用的方式將已經(jīng)編寫(xiě)好的JavaScript文件（通常以.js為擴(kuò)展名）引入進(jìn)來(lái)。這種方式可以提高代碼的重用性和可讀性。例如：<scriptsrc＝“foo.js”language="JavaScript"type="text/JavaScript"></script>其中src屬性值就是腳本文件的地址。4.2JavaScript的基本語(yǔ)法常量和變量JavaScript程序中的數(shù)據(jù)根據(jù)值的特征分為常量和變量，常量是那些在程序中可預(yù)知結(jié)果的量，不隨程序的運(yùn)行而變化，而變量則正好相反。常量和變量共同構(gòu)成了程序操作數(shù)據(jù)的整體。JavaScript中的常量更接近“直接量”，它可以是數(shù)值、字符串或者布爾值。更一般地說(shuō)，JavaScript的常量是那些只能出現(xiàn)在賦值表達(dá)式右邊的那些量。例如：3.1415、“Helloworld”、true、null等都是常量。JavaScript中用標(biāo)識(shí)符來(lái)命名一個(gè)變量，合法標(biāo)識(shí)符可以由字母、數(shù)字、下劃線以及$符號(hào)組成的，其中首字符不能是數(shù)字。在代碼vara=5，b=“test”，c=newObject()中，標(biāo)識(shí)符a、b、c都是變量，它們可以出現(xiàn)在賦值表達(dá)式的左側(cè)。嚴(yán)格的說(shuō)，有一個(gè)例外，在JavaScript中，undefined符號(hào)可以出現(xiàn)在賦值號(hào)的左邊，但是根據(jù)它的標(biāo)準(zhǔn)化含義，還是將它歸為常量。4.2JavaScript的基本語(yǔ)法常量和變量JavaScript是一種“弱類型”語(yǔ)言，即JavaScript的變量可以存儲(chǔ)任何類型的值。數(shù)據(jù)類型和變量不是綁定的，變量的類型通常要到運(yùn)行時(shí)才能決定。在JavaScript中既可以在聲明變量時(shí)初始化，也可以在變量被聲明后賦值，例如：varnum=3或者：varnumnum=3因?yàn)镴avaScript變量沒(méi)有類型規(guī)則的約定，所以JavaScript的使用從語(yǔ)法上來(lái)講就比較簡(jiǎn)單靈活。但同時(shí)，也由于沒(méi)有變量類型的約束，對(duì)程序員也提出了更高的要求。4.2JavaScript的基本語(yǔ)法數(shù)據(jù)類型——（1）數(shù)值數(shù)值是最基本的數(shù)據(jù)類型，它們表示的是普通的數(shù)。JavaScript的數(shù)值并不區(qū)別整型或是浮點(diǎn)型。十六進(jìn)制整數(shù)常量的表示方法是以“0X”或者“0x”開(kāi)頭。例如：0xff，0xCAFE911。JavaScript中浮點(diǎn)型數(shù)值可以采用科學(xué)計(jì)數(shù)法表示，例如：3.14，234.3333，6.02e23，1.4738e-23。4.2JavaScript的基本語(yǔ)法數(shù)據(jù)類型——（2）字符串JavaScript中的字符串?dāng)?shù)據(jù)類型是由Unicode字符組成的序列。與C++或Java不同，JavaScript沒(méi)有char類型的數(shù)據(jù)，字符串是表示文本數(shù)據(jù)的最小單位。JavaScript的字符串常量是用單引號(hào)或雙引號(hào)括起來(lái)的字符序列，其中可以含有0個(gè)或多個(gè)Unicode字符。字符串中可以使用轉(zhuǎn)義符，比如“\n”。當(dāng)用單引號(hào)來(lái)界定字符串時(shí)，字符串中如果有單引號(hào)字符，就必須用轉(zhuǎn)義序列（\’）來(lái)進(jìn)行轉(zhuǎn)義。4.2JavaScript的基本語(yǔ)法數(shù)據(jù)類型——（3）布爾型布爾型是最簡(jiǎn)單的一種基本數(shù)據(jù)類型，它只有兩個(gè)常量值，即true和false，代表著邏輯上的“真”和“假”。數(shù)據(jù)類型——（4）數(shù)組數(shù)組是元素的集合，數(shù)組中的每一個(gè)元素都具有唯一下標(biāo)來(lái)標(biāo)識(shí)，可以通過(guò)下標(biāo)來(lái)訪問(wèn)這些數(shù)值。數(shù)組下標(biāo)是從0開(kāi)始的連續(xù)整數(shù)。在JavaScript中，數(shù)組的元素可以是任何類型的數(shù)據(jù)。可以通過(guò)數(shù)組的構(gòu)造函數(shù)Array()來(lái)創(chuàng)建一個(gè)數(shù)組，數(shù)組一旦被創(chuàng)建，就可以給數(shù)組的任何元素賦值。4.2JavaScript的基本語(yǔ)法數(shù)據(jù)類型——（5）對(duì)象對(duì)象是JavaScript中的一種引用數(shù)據(jù)類型，也一種抽象和廣義的數(shù)據(jù)結(jié)構(gòu)。JavaScript對(duì)象是一個(gè)非常重要的知識(shí)，將在后面章節(jié)專門(mén)討論。在這里僅先討論對(duì)象的基本形式和基本語(yǔ)法。JavaScript中，對(duì)象是通過(guò)調(diào)用構(gòu)造函數(shù)來(lái)創(chuàng)建的。理論上任何JavaScript函數(shù)都可以作為構(gòu)造函數(shù)來(lái)創(chuàng)建。對(duì)象一旦創(chuàng)建，就可以根據(jù)自己的意愿設(shè)計(jì)并使用它們的屬性了。4.2JavaScript的基本語(yǔ)法表達(dá)式和運(yùn)算符JavaScript的表達(dá)式由變量、常量、布爾量和運(yùn)算符按一定規(guī)則組成的集合，包括：算術(shù)表達(dá)式、串表達(dá)式和邏輯表達(dá)式。例如：number++"Hello"+"youarewelcome!"(a>5)&&(b=2)JavaScript中的運(yùn)算符有：賦值運(yùn)算符、算術(shù)運(yùn)算符、邏輯運(yùn)算符、比較運(yùn)算符、字符串運(yùn)算符和位運(yùn)算符等。4.2JavaScript的基本語(yǔ)法算術(shù)運(yùn)算符運(yùn)算符描述例子+加x=y+2-減x=y-2*乘x=y*2/除x=y/2%求余數(shù)(保留整數(shù))x=y%2++累加x=++y--遞減x=--y4.2JavaScript的基本語(yǔ)法賦值運(yùn)算符運(yùn)算符例子等價(jià)于=x=y

+=x+=yx=x+y-=x-=yx=x-y*=x*=yx=x*y/=x/=yx=x/y%=x%=yx=x%y4.2JavaScript的基本語(yǔ)法邏輯運(yùn)算符與比較運(yùn)算符運(yùn)算符描述例子&&邏輯“與”(x<10&&y>1)||邏輯“或”(x==5||y==5)!邏輯“非”!(x==y)4.2JavaScript的基本語(yǔ)法邏輯運(yùn)算符與比較運(yùn)算符運(yùn)算符描述例子&&邏輯“與”(x<10&&y>1)||邏輯“或”(x==5||y==5)!邏輯“非”!(x==y)運(yùn)算符描述例子==等于x==8!=不等于x!=8>

大于x>8<

小于x<8>=大于或等于x>=8<=小于或等于x<=84.2JavaScript的基本語(yǔ)法字符串運(yùn)算符JavaScript只有一個(gè)字符串運(yùn)算符“+”，使用字符串運(yùn)算符可以把幾個(gè)串連接在一起。例如，“hello”+“,world”的返回值就是“hello,world”。4.2JavaScript的基本語(yǔ)法位運(yùn)算符運(yùn)算符描述例子&按位與運(yùn)算A&B|按位或運(yùn)算A|B^按位異或運(yùn)算A^B~按位取反~A<<

左移運(yùn)算A<<B>>

右移運(yùn)算A>>B4.2JavaScript的基本語(yǔ)法條件運(yùn)算符條件運(yùn)算符是JavaScript中唯一的三目運(yùn)算符。它的表達(dá)式如下：test？

語(yǔ)句1:語(yǔ)句2其中test、語(yǔ)句1、語(yǔ)句2是它的三個(gè)表達(dá)式。條件運(yùn)算符首先計(jì)算它的第一個(gè)表達(dá)式test的值，如果它的值為true，則執(zhí)行語(yǔ)句1并返回其結(jié)果，否則執(zhí)行語(yǔ)句2并返回其結(jié)果。例如下面代碼可根據(jù)當(dāng)前的時(shí)間返回am或pm的標(biāo)志：varnow=newDate();varmark=(now.getHours()>12)？

"pm":"am";4.2JavaScript的基本語(yǔ)法逗號(hào)運(yùn)算符逗號(hào)運(yùn)算符是一個(gè)雙目運(yùn)算符，它的作用是連接左右兩個(gè)運(yùn)算數(shù)，先計(jì)算左邊的運(yùn)算數(shù)，再計(jì)算右邊的運(yùn)算數(shù)，并將右邊運(yùn)算數(shù)的計(jì)算結(jié)果作為表達(dá)式的值返回。因此，x=（i=0，j=1，k=2）等價(jià)于：i=0；j=1；x=k=2；運(yùn)算符通一般是在只允許出現(xiàn)一個(gè)語(yǔ)句的地方使用，在實(shí)際應(yīng)用中，逗號(hào)運(yùn)算符常與for循環(huán)語(yǔ)句聯(lián)合使用。對(duì)象運(yùn)算符對(duì)象運(yùn)算符是指作用于實(shí)例對(duì)象、屬性或者數(shù)組以及數(shù)組元素的運(yùn)算符。JavaScript中對(duì)象運(yùn)算符包括new運(yùn)算符、delete運(yùn)算符、in運(yùn)算符、.運(yùn)算符和[]運(yùn)算符。4.2JavaScript的基本語(yǔ)法循環(huán)語(yǔ)句循環(huán)語(yǔ)句是JavaScript中允許執(zhí)行重復(fù)動(dòng)作的語(yǔ)句。JavaScript中，循環(huán)語(yǔ)句主要有while語(yǔ)句和for語(yǔ)句兩種形式。vari=10;while(i--){document.write(i);}for(vari=0;i<10;i++){document.write(i);}4.2JavaScript的基本語(yǔ)法條件語(yǔ)句條件語(yǔ)句是一種帶有判定條件的語(yǔ)句，根據(jù)條件的不同，程序選擇性地執(zhí)行某個(gè)特定的語(yǔ)句。條件語(yǔ)句和后循環(huán)語(yǔ)句都是帶有從句的語(yǔ)句，它們是JavaScript中的復(fù)合語(yǔ)句。JavaScript中的條件語(yǔ)句包括if語(yǔ)句和switch語(yǔ)句。if(a!=null&&b!=null){a=a+b;b=a-b;}4.2JavaScript的基本語(yǔ)法<scripttype="text/JavaScript">functionconvert(x){switch(typeofx){case'number':returnx.toString(16);//把整數(shù)轉(zhuǎn)換成十六進(jìn)制的整數(shù)break;case'string':return'"'+x+'"';//返回引號(hào)包圍的字符串break;case'boolean':returnx.toString().toUpperCase();//轉(zhuǎn)換為大寫(xiě)break;default:returnx.toString();//直接調(diào)用x的toString()方法進(jìn)行轉(zhuǎn)換

}}document.write(convert(110)+"<br/>");//轉(zhuǎn)換數(shù)值document.write(convert("ab")+"<br/>");//轉(zhuǎn)換字符串document.write(convert(true)+"<br/>");//轉(zhuǎn)換布爾值</script>4.2JavaScript的基本語(yǔ)法函數(shù)函數(shù)是封裝在程序中可以多次使用的模塊。函數(shù)必須先定義，后使用。通過(guò)function語(yǔ)句來(lái)定義函數(shù)有兩種方式，分別是命名方式和匿名方式，例如：functionf1(){alert()};//命名方式varf1=function(){alert()};//匿名方式有時(shí)候也將命名方式定義函數(shù)的方法稱為“聲明式”函數(shù)定義，而把匿名方式定義函數(shù)的方法稱為引用式函數(shù)定義或者函數(shù)表達(dá)式。functionsquare(x){returnx*x;}4.3JavaScript的面向?qū)ο筇匦訨avaScript是一種基于對(duì)象的語(yǔ)言。所謂“基于對(duì)象”，通常指該語(yǔ)言不一定支持面向?qū)ο蟮娜刻匦?，比如不支持面向?qū)ο笾小袄^承”或“多態(tài)”的特點(diǎn)。JavaScript具有封裝的特點(diǎn)，并可以使用封裝好的對(duì)象，調(diào)用對(duì)象的方法，設(shè)置對(duì)象的屬性?；\統(tǒng)地說(shuō)：“基于對(duì)象”也是一種“面向?qū)ο蟆薄?.3JavaScript的面向?qū)ο筇匦詫?duì)象是對(duì)具有相同特性的實(shí)體的抽象描述，實(shí)例對(duì)象是具有這些特征的單個(gè)實(shí)體。對(duì)象包含屬性（properties）和方法（methods）兩種成分。屬性是對(duì)象靜態(tài)特征的描述，是對(duì)象的數(shù)據(jù)，以變量表征；方法是對(duì)象動(dòng)態(tài)特征的描述，也可以是對(duì)數(shù)據(jù)的操作，用函數(shù)描述。JavaScript中的對(duì)象可通過(guò)函數(shù)由new運(yùn)算符生成的。生成對(duì)象的函數(shù)被稱為類或者構(gòu)造函數(shù)，生成的對(duì)象被稱為類的實(shí)例對(duì)象，簡(jiǎn)稱為對(duì)象。vara=newObject();a.x=1,a.y=2;也可以通過(guò)對(duì)象直接量來(lái)構(gòu)造對(duì)象，這種方式使用了對(duì)象常量，實(shí)際上可以看成是new運(yùn)算符方法的快捷表示法。例如:varb={x:1,y:2};4.3JavaScript的面向?qū)ο筇匦訨avaScript是一種弱類型的語(yǔ)言，一方面體現(xiàn)在JavaScript的變量、參數(shù)和返回值可以是任意類型的,另一方面也體現(xiàn)在JavaScrip可以對(duì)對(duì)象任意添加屬性和方法,這樣無(wú)形中就淡化了“類型”的概念。vara=newObject();varb=newObject();a.x=1,a.y=2;b.x=1,b.y=2,b.z=3;4.3JavaScript的面向?qū)ο筇匦?lt;html><head><title>對(duì)象和對(duì)象的構(gòu)造</title></head><body><scripttype="text/JavaScript">varo=newDate();//o是一個(gè)Date對(duì)象Complex=function(r,i)//自定義Complex類型，表示復(fù)數(shù){this.re=r;this.im=i;}varc=newComplex(1,2);//c是一個(gè)復(fù)數(shù)對(duì)象document.writeln(o.toLocaleString());document.write("<br>");document.write(c.re+","+c.im);</script></body></html>4.3JavaScript的面向?qū)ο筇匦詫?duì)象運(yùn)算符“.”和“[]”都是用來(lái)存取對(duì)象和數(shù)組元素的雙目運(yùn)算符。它們的第一個(gè)運(yùn)算數(shù)都是對(duì)象或者數(shù)組。它們的區(qū)別是運(yùn)算符“.”將第二個(gè)運(yùn)算數(shù)作為對(duì)象的屬性來(lái)讀寫(xiě)，而“[]”將第二個(gè)運(yùn)算數(shù)作為數(shù)組的下標(biāo)來(lái)讀寫(xiě)。運(yùn)算符“.”要求第二個(gè)運(yùn)算數(shù)只能是合法的標(biāo)識(shí)符，而運(yùn)算符“[]”的第二個(gè)運(yùn)算數(shù)可以是任何類型的值甚至undefined，但不能是未定義的標(biāo)識(shí)符。vara=newObject();a.x=1;alert(a["x"]);//a.x和a[“x”]是等價(jià)的表示形式varb=[1,2,3];alert(b[1]);//對(duì)于數(shù)組b，b[1]通過(guò)下標(biāo)“1”訪問(wèn)數(shù)組的第二個(gè)元素上述代碼執(zhí)行時(shí)，會(huì)彈出對(duì)話框以顯示數(shù)組a和b的值。4.3JavaScript的面向?qū)ο筇匦粤硪环N構(gòu)造對(duì)象的方法是先定義類型，再實(shí)例化對(duì)象。functionPoint(x,y){this.x=x;this.y=y;}varp1=newPoint(1,2);varp2=newPoint(3,4);上述代碼使用function定義了一個(gè)構(gòu)造函數(shù)Point，實(shí)際上也同時(shí)定義了Point類型。p1和p2是同一種類型的對(duì)象，它們都是Point類的實(shí)例。4.3JavaScript的面向?qū)ο筇匦裕?）內(nèi)置對(duì)象——Math對(duì)象Math對(duì)象是一個(gè)靜態(tài)對(duì)象，這意味著不能用它來(lái)構(gòu)造實(shí)例。程序可以通過(guò)調(diào)用Math.sin()這樣的靜態(tài)函數(shù)來(lái)實(shí)現(xiàn)一定的功能。Math對(duì)象主要為JavaScript核心提供了對(duì)數(shù)值進(jìn)行代數(shù)計(jì)算的一系列方法（比如三角函數(shù)、冪函數(shù)等）以及幾個(gè)重要的數(shù)值常量（比如圓周率PI等）。4.3JavaScript的面向?qū)ο筇匦裕?）內(nèi)置對(duì)象——Date對(duì)象Date對(duì)象是JavaScript中用來(lái)表示日期和時(shí)間的數(shù)據(jù)類型?？梢酝ㄟ^(guò)幾種類型的參數(shù)來(lái)構(gòu)造它，最簡(jiǎn)單的形式是缺省參數(shù)：varnow=newDate();其次可以是依次表示“年”、“月”、“日”、“時(shí)”、“分”、“秒”、“毫秒”的數(shù)值，這些數(shù)值除了“年”和“月”之外，其他的都可以缺省。例如：vartime=newDate(1999,1,2);以這種形式構(gòu)造日期時(shí)應(yīng)當(dāng)注意的是，JavaScript中的月份是從0開(kāi)始計(jì)算的，因此上面的例子構(gòu)造的日期是2月2日，而不是1月2日。4.3JavaScript的面向?qū)ο筇匦裕?）內(nèi)置對(duì)象——Date對(duì)象第三種構(gòu)造日期的方式是通過(guò)一個(gè)表示日期的字符串，例如：vard=newDate(“1999/01/0212:00:01”);//這一次表示的是1月份JavaScript為Date對(duì)象提供了許多有用的方法，下面通過(guò)一個(gè)例子給出了構(gòu)造Date對(duì)象和使用Date對(duì)象方法的示范。<script>vartoday=newDate();varyear=today.getFullYear();//獲取年份varmonth=today.getMonth()+1;//JavaScript中月份是從0開(kāi)始的vardate=today.getDate();//獲取當(dāng)月的日期//表示星期的中文varweeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//輸出結(jié)果document.write("今天是:");document.write(year);document.write("年");document.write(month);document.write("月");document.write(date);document.write("日");document.write(""+weeks[today.getDay()]);</script>4.3JavaScript的面向?qū)ο筇匦裕?）內(nèi)置對(duì)象——String對(duì)象字符串對(duì)象是JavaScript基本數(shù)據(jù)類型中最復(fù)雜的一種類型，也是使用頻率很高的數(shù)據(jù)類型。String對(duì)象有兩種創(chuàng)建方式：一是直接聲明方式，二是通過(guò)構(gòu)造函數(shù)newString()創(chuàng)建一個(gè)新的字符串對(duì)象。例如：vars1="abcdef";vars2=newString("Hello,world");String對(duì)象的屬性不多，常用的是lenth屬性，用于標(biāo)識(shí)字符串的長(zhǎng)度。String對(duì)象的方法比較多，而且功能也比較強(qiáng)大。4.3JavaScript的面向?qū)ο筇匦裕?）內(nèi)置對(duì)象——Error對(duì)象JavaScript中的Error對(duì)象是用來(lái)在異常處理中保存異常信息。Error對(duì)象包括Error及其派生類的實(shí)例，Error的派生類是EvalError、RangeError、TypeError和SyntaxError。（5）內(nèi)置對(duì)象——RegExp對(duì)象在JavaScript中，正則表達(dá)式由RegExp對(duì)象表示，它是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。每一條正則表達(dá)式模式對(duì)應(yīng)一個(gè)RegExp實(shí)例。4.3JavaScript的面向?qū)ο筇匦援惓Ｌ幚頇C(jī)制所謂異常（exception）是一個(gè)信號(hào)，說(shuō)明當(dāng)前程序發(fā)生了某種意外狀況或者錯(cuò)誤。拋出（throw）一個(gè)異常就是用信號(hào)通知運(yùn)行環(huán)境，程序發(fā)生了某種意外。捕捉（catch）一個(gè)異常，就是處理它，采取必要或適當(dāng)?shù)膭?dòng)作從異常狀態(tài)恢復(fù)。try{Bug}//這里將會(huì)引發(fā)一個(gè)SystaxErrorcatch(e){//產(chǎn)生的SystaxError在這里會(huì)被接住alert(e);}//異常對(duì)象將被按照默認(rèn)的方式顯示出來(lái)finally{alert(“finally”);//不論如何，程序最終執(zhí)行finally語(yǔ)句}4.4JavaScript在瀏覽器中的應(yīng)用在開(kāi)發(fā)網(wǎng)站前臺(tái)程序時(shí)，對(duì)瀏覽器對(duì)象的調(diào)用是必不可少的。4.4JavaScript在瀏覽器中的應(yīng)用window對(duì)象是瀏覽器提供的第一類對(duì)象，它的含義是瀏覽器窗口，每個(gè)獨(dú)立的瀏覽器窗口或者窗口中的框架都是用一個(gè)window對(duì)象的實(shí)例來(lái)表示的。window對(duì)象是內(nèi)建對(duì)象中的最頂層對(duì)象，它的下層對(duì)象有event對(duì)象、frame對(duì)象、document對(duì)象等，其中最主要的是document對(duì)象，它指的是HTML頁(yè)面對(duì)象。屬性名稱說(shuō)明范例name當(dāng)前窗口的名字parent當(dāng)前窗口的父窗口self當(dāng)前打開(kāi)的窗口self.status=“你好”top窗口集合中的最頂層窗口status設(shè)置當(dāng)前打開(kāi)窗口狀態(tài)欄的顯示數(shù)據(jù)self.status=“歡迎”defaultStatus當(dāng)前窗口狀態(tài)欄的顯示數(shù)據(jù)self.defaultStatus=“歡迎”4.4JavaScript在瀏覽器中的應(yīng)用window對(duì)象的主要方法方法名稱說(shuō)明范例alert()創(chuàng)建一個(gè)帶“確定”按鈕的對(duì)話框window.alert(‘輸入錯(cuò)誤！’)confirm()創(chuàng)建一個(gè)帶“確定”和“取消”按鈕的對(duì)話框window.confirm(‘是否繼續(xù)！’)close()關(guān)閉當(dāng)前打開(kāi)的瀏覽器窗口window.close()open()打開(kāi)一個(gè)新的瀏覽器窗口window.open(URL,‘新窗口名’,‘新窗口屬性設(shè)置’)prompt()創(chuàng)建一個(gè)帶“確定”、“取消”按鈕及輸入字符串字段的對(duì)話框mpt(‘請(qǐng)輸入姓名’)setTimeout()設(shè)置一個(gè)時(shí)間控制器window.setTimeout(“fun()”,3000)clearTimeout清除原來(lái)時(shí)間控制器內(nèi)的時(shí)間設(shè)置window.clearTimeout()4.4JavaScript在瀏覽器中的應(yīng)用<html><head><title>window對(duì)象示例</title></head><body><buttonid="btn"onclick="link('張三')">ClickMe!</button><scripttype="text/JavaScript">varbtn=document.getElementById("btn");btn.value="點(diǎn)擊我";functionlink(str){varmyStr=prompt("請(qǐng)輸入姓名");if(myStr==str){//如果驗(yàn)證姓名輸入正確if(confirm(myStr+"你好！你想打開(kāi)新的窗口?"))window.open("");}else{alert("對(duì)不起，用戶名信息錯(cuò)誤！");}return;}</script></body></html>4.4JavaScript在瀏覽器中的應(yīng)用document對(duì)象是瀏覽器的一個(gè)重要對(duì)象，它代表著瀏覽器窗口的文檔內(nèi)容。瀏覽器裝載一個(gè)新的頁(yè)面時(shí)，總是初始化一個(gè)新的document對(duì)象。window對(duì)象的document屬性總是引用當(dāng)前已初始化的document元素。document對(duì)象的屬性可以用來(lái)設(shè)置Web頁(yè)面的特性，例如標(biāo)題、前景色、背景色和超鏈接顏色等。主要用來(lái)設(shè)置當(dāng)前HTML文件的顯示效果。4.4JavaScript在瀏覽器中的應(yīng)用document對(duì)象的主要屬性屬性名稱說(shuō)明范例alinkColor頁(yè)面中活動(dòng)超鏈接的顏色document.alinkColor=“red”bgColor頁(yè)面背景顏色document.bgColor=“ff0000”fgColor頁(yè)面前景顏色document.bgColor=“ff000f”linkColor未訪問(wèn)的超鏈接的顏色document.linkColor=“red”vlinkColor已訪問(wèn)的超鏈接的顏色document.vlinkColor=“green”lastModified最后修改頁(yè)面的時(shí)間date=lastModifiedlocation頁(yè)面的URL地址url_inf=document.locationtitle頁(yè)面的標(biāo)題title_inf=document.title4.4JavaScript在瀏覽器中的應(yīng)用document對(duì)象的主要方法方法名稱說(shuō)明范例clear()清楚文檔窗口內(nèi)的數(shù)據(jù)document.clear()close()關(guān)閉文檔document.close()open()打開(kāi)文檔document.open()write()向當(dāng)前文檔寫(xiě)入數(shù)據(jù)document.write(“你好！”)writeln()向當(dāng)前文檔寫(xiě)入數(shù)據(jù),并換行document.writeln(“你好！”)4.4JavaScript在瀏覽器中的應(yīng)用事件驅(qū)動(dòng)與界面交互在瀏覽器文檔模型中，事件是指因?yàn)槟撤N具體的交互行為發(fā)生，而導(dǎo)致文檔內(nèi)容需要作某些處理的場(chǎng)合。在這種情況下，通常由被作用的元素發(fā)起一個(gè)消息，并向上傳播，在傳播的途徑中，將該消息進(jìn)行處理的行為，被稱為事件響應(yīng)或者事件處理。瀏覽器事件的種類很多，包括鼠標(biāo)點(diǎn)擊、鼠標(biāo)移動(dòng)、鍵盤(pán)輸入、失去與獲得焦點(diǎn)、裝載、選中文本等等。瀏覽器的DOM提供了基本的事件處理方式，它被廣泛應(yīng)用于Web應(yīng)用程序的開(kāi)發(fā)中。HTML標(biāo)準(zhǔn)規(guī)定了每個(gè)元素支持多種不同的事件類型。把一個(gè)腳本函數(shù)與事件關(guān)聯(lián)起來(lái)被稱為事件綁定，被綁定的腳本函數(shù)成為事件的句柄。4.4JavaScript在瀏覽器中的應(yīng)用HTML元素的事件屬性可以將合法的JavaScript代碼字符串作為值，這一種綁定被稱為“靜態(tài)綁定”，例如下面代碼中onclick的屬性值：<buttonid="btn"onclick="link('張三')">ClickMe!</button>除了靜態(tài)綁定之外，JavaScript還支持直接對(duì)DOM對(duì)象的事件屬性賦值，對(duì)應(yīng)地，這種綁定稱為“動(dòng)態(tài)綁定”，例如：<html><body><buttonid="btn">ClickMe!</button><scripttype="text/JavaScript">btn.onclick=function(){