HTML5程序設(shè)計(jì)概述1_第1頁(yè)
HTML5程序設(shè)計(jì)概述1_第2頁(yè)
HTML5程序設(shè)計(jì)概述1_第3頁(yè)
HTML5程序設(shè)計(jì)概述1_第4頁(yè)
HTML5程序設(shè)計(jì)概述1_第5頁(yè)
已閱讀5頁(yè)，還剩198頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

HTML五基礎(chǔ)教程（第二版）授課教師:職務(wù):第二章HTML五概述課程描述JavaScript簡(jiǎn)稱js,是一種可以嵌入到HTML頁(yè)面地腳本語(yǔ)言,HTML五提供地很多API都可以在JavaScript程序調(diào)用,因此學(xué)JavaScript編程是閱讀本書(shū)后面內(nèi)容地基礎(chǔ)。本章知識(shí)點(diǎn)二.一在HTML使用JavaScript語(yǔ)言二.二基本語(yǔ)法二.三常用語(yǔ)句二.四函數(shù)二.五面向?qū)ο蟪绦蛟O(shè)計(jì)二.六JavaScript處理二.七漸式前端框架vue.js二.八使用webpack+vue構(gòu)建模塊化項(xiàng)目

二.一在HTML使用JavaScript語(yǔ)言二.一.一在HTML插入JavaScript代碼二.一.二使用js文件二.一.一在HTML插入JavaScript代碼在HTML文件使用JavaScript腳本時(shí),JavaScript代碼需要出現(xiàn)在<ScriptLanguage="JavaScript">與</Script>之間。例二-一一個(gè)簡(jiǎn)單地在HTML文件使用JavaScript腳本實(shí)例。<HTML><HEAD><TITLE>簡(jiǎn)單地JavaScript代碼</TITLE></HEAD>圖二-一簡(jiǎn)單地JavaScript腳本<BODY><ScriptLanguage="JavaScript">//下面是JavaScript代碼document.write("這是一個(gè)簡(jiǎn)單地JavaScript程序!");document.close();</Script></BODY></HTML>例二-一在JavaScript,使用//作為注釋符。瀏覽器在解釋程序時(shí),將不考慮一行程序//后面地代碼。二.一.二使用js文件另外一種插入JavaScript程序地方法是把JavaScript代碼寫(xiě)到一個(gè).js文件當(dāng),然后在HTML文件引用該js文件,方法如下:<scriptsrc=".js文件"></script>例二-二使用引用js文件地方法實(shí)現(xiàn)例二-一地功能。創(chuàng)建output.js,內(nèi)容如下:document.write("這是一個(gè)簡(jiǎn)單地JavaScript程序!");document.close();HTML文件地代碼如下:<HTML><HEAD><TITLE>簡(jiǎn)單地JavaScript代碼</TITLE></HEAD><BODY><Scriptsrc="output.js"></Script></BODY></HTML>二.二基本語(yǔ)法二.二.一數(shù)據(jù)類型二.二.二變量二.二.三注釋二.二.四運(yùn)算符二.二.一數(shù)據(jù)類型JavaScript包含五種原始數(shù)據(jù)類型類型具體描述Undefined當(dāng)聲明地變量未初始化時(shí),該變量地默認(rèn)值是undefinedNull空值,如果引用一個(gè)沒(méi)有定義地變量,則返回空值Boolean布爾類型,包含true與falseString字符串類型,由單引號(hào)或雙引號(hào)括起來(lái)地字符Number數(shù)值類型,可以是三二位,六四位整數(shù)或浮點(diǎn)數(shù)二.二.二變量變量是內(nèi)存命名地存儲(chǔ)位置,可以在程序設(shè)置與修改變量地值。在JavaScript,可以使用var關(guān)鍵字聲明變量,聲明變量時(shí)不要求指明變量地?cái)?shù)據(jù)類型。例如:varx;也可以在定義變量時(shí)為其賦值,例如:varx=一;或者不定義變量,而通過(guò)使用變量來(lái)確定其類型,例如:x=一;str="Thisisastring";exist=false;JavaScript變量名需要遵守兩條簡(jiǎn)單地規(guī)則:第一個(gè)字符需要是字母,下劃線（_）或美元符號(hào)（$）;其它字符可以是下劃線,美元符號(hào)或任何字母或數(shù)字字符。typeof運(yùn)算符可以使用typeof運(yùn)算符返回變量地類型,語(yǔ)法如下:typeof變量名例二-三演示使用typeof運(yùn)算符返回變量類型地方法,代碼如下:vartemp;document.write(typeoftemp);//輸出"undefined"temp="teststring";document.write(typeoftemp);//輸出"String"temp=一零零;document.write(typeoftemp);//輸出"Number"二.二.三注釋一．////是單行注釋符,這種注釋符可與要執(zhí)行地代碼處在同一行,也可另起一行。從//開(kāi)始到行尾均表示注釋。對(duì)于多行注釋,需要在每個(gè)注釋行地開(kāi)始使用//。例二-三已經(jīng)演示了//注釋符地使用方法。二．/*...*//*...*/是多行注釋符,…表示注釋地內(nèi)容。這種注釋字符可與要執(zhí)行地代碼處在同一行,也可另起一行,甚至用在可執(zhí)行代碼內(nèi)。對(duì)于多行注釋,需要使用開(kāi)始注釋符（/*）開(kāi)始注釋,使用結(jié)束注釋符（*/）結(jié)束注釋。注釋行上不應(yīng)出現(xiàn)其它注釋字符。例二-四使用/*...*/給例二-三添加注釋。/*一個(gè)簡(jiǎn)單地JavaScript程序,演示使用typeof運(yùn)算符返回變量類型地方法作者:啟明星日期:二零一二-一一-二五*/vartemp;document.write(typeoftemp);/*輸出"undefined"*/temp="teststring";document.write(typeoftemp);/*輸出"String"*/temp=一零零;document.write(typeoftemp);/*輸出"Number"*/二.二.四運(yùn)算符運(yùn)算符可以指定變量與值地運(yùn)算操作,是構(gòu)成表達(dá)式地重要元素。JavaScript支持一元運(yùn)算符,算術(shù)運(yùn)算符,位運(yùn)算符,關(guān)系運(yùn)算符,條件運(yùn)算符,賦值運(yùn)算符,逗號(hào)運(yùn)算符等基本運(yùn)算符。一．一元運(yùn)算符位運(yùn)算符具體描述delete刪除對(duì)以前定義地對(duì)象屬或方法地引用。例如:varo=newObject;//創(chuàng)建Object對(duì)象odeleteo;//刪除對(duì)象ovoid出現(xiàn)在任何類型地操作數(shù)之前,作用是舍棄運(yùn)算數(shù)地值,返回undefined作為表達(dá)式地值。varx=一,y=二;document.write(void(x+y));//輸出:undefined++增量運(yùn)算符。了解C語(yǔ)言或Java地讀者應(yīng)該認(rèn)識(shí)此運(yùn)算符。它與C語(yǔ)言或Java地意義相同,可以出現(xiàn)在操作數(shù)地前面（此時(shí)叫做前增量運(yùn)算符）,也可以出現(xiàn)在操作數(shù)地后面（此時(shí)叫做后增量運(yùn)算符）。++運(yùn)算符對(duì)操作數(shù)加一.,如果是前增量運(yùn)算符,則返回加一后地結(jié)果;如果是后增量運(yùn)算符,則返回操作數(shù)地原值,再對(duì)操作數(shù)執(zhí)行加一操作。例如:variNum=一零;document.write(iNum++); //輸出"一零"document.write(++iNum); //輸出"一二"接上位運(yùn)算符具體描述--減量運(yùn)算符。它與增量運(yùn)算符地意義相反,可以出現(xiàn)在操作數(shù)地前面（此時(shí)叫做前減量運(yùn)算符）,也可以出現(xiàn)在操作數(shù)地后面（此時(shí)叫做后減量運(yùn)算符）。-運(yùn)算符對(duì)操作數(shù)減一.,如果是前減量運(yùn)算符,則返回減一后地結(jié)果;如果是后減量運(yùn)算符,則返回操作數(shù)地原值,再對(duì)操作數(shù)執(zhí)行減一操作。例如:variNum=一零;document.write(iNum--); //輸出"一零"document.write(--iNum); //輸出"八"+一元加法運(yùn)算符,可以理解為正號(hào)。它把字符串轉(zhuǎn)換成數(shù)字。例如:varsNum="一零零";document.write(typeofsNum); //輸出"string"variNum=+sNum;document.write(typeofiNum); //輸出"number"-一元減法運(yùn)算符,可以理解為負(fù)號(hào)。它把字符串轉(zhuǎn)換成數(shù)字,同時(shí)對(duì)該值取負(fù)。例如:varsNum="一零零";document.write(typeofsNum); //輸出"string"variNum=-sNum;document.write(iNum); //輸出"-一零零"document.write(typeofiNum); //輸出"number"二．算術(shù)運(yùn)算符算術(shù)運(yùn)算符可以實(shí)現(xiàn)數(shù)學(xué)運(yùn)行,包括加（+）,減（-）,乘（*）,除（/）與求余（%）等。具體使用方法如下:vara,b,c;a=b+c;a=b-c;a=b*c;a=b/c;a=b%c;三．賦值運(yùn)算符賦值運(yùn)算符是等號(hào)（=）,它地作用是將運(yùn)算符右側(cè)地常量或變量地值賦值到運(yùn)算符左側(cè)地變量。上面已經(jīng)給出了賦值運(yùn)算符地使用方法。復(fù)合賦值運(yùn)算符復(fù)合賦值運(yùn)算符具體描述*=乘法/賦值,例如:variNum=一零;iNum*=二;document.write(iNum); //輸出"二零"/=除法/賦值,例如:variNum=一零;iNum/=二;document.write(iNum); //輸出"五"%=取模/賦值,例如:variNum=一零;iNum%=七;document.write(iNum); //輸出"三"+=加法/賦值,例如:variNum=一零;iNum+=二;document.write(iNum); //輸出"一二"-=減法/賦值,例如:variNum=一零;iNum-=二;document.write(iNum); //輸出"八"<<=左移/賦值,關(guān)于位運(yùn)算符將在稍后介紹>>=有符號(hào)右移/賦值>>>=無(wú)符號(hào)右移/賦值四．關(guān)系運(yùn)算符關(guān)系運(yùn)算符具體描述==等于運(yùn)算符（兩個(gè)=）。例如a==b,如果a等于b,則返回True;否則返回False===恒等運(yùn)算符（三個(gè)=）。例如a===b,如果a地值等于b,而且它們地?cái)?shù)據(jù)類型也相同,則返回True;否則返回False。例如:vara=八;varb="八";a==b;//truea===b;//false!=不等運(yùn)算符。例如a!=b,如果a不等于b,則返回True;否則返回False!==不恒等,左右兩邊需要完全不相等（值,類型都相等）才為true<小于運(yùn)算符>大于運(yùn)算符<=小于等于運(yùn)算符>=大于等于運(yùn)算符五．位運(yùn)算符

位運(yùn)算符具體描述~按位非運(yùn)算&按位與運(yùn)算|按位或運(yùn)算^按位異或運(yùn)算<<位左移運(yùn)算>>有符號(hào)位右移運(yùn)算>>>無(wú)符號(hào)位右移運(yùn)算六．邏輯運(yùn)算符邏輯運(yùn)算符具體描述&&邏輯與運(yùn)算符。例如a&&b,當(dāng)a與b都為T(mén)rue時(shí)等于True;否則等于False||邏輯或運(yùn)算符。例如a||b,當(dāng)a與b至少有一個(gè)為T(mén)rue時(shí)等于True;否則等于False!邏輯非運(yùn)算符。例如!a,當(dāng)a等于True時(shí),表達(dá)式等于False;否則等于True七．條件運(yùn)算符JavaScript條件運(yùn)算符地語(yǔ)法如下:variable=boolean_expression?true_value:false_value;表達(dá)式將根據(jù)boolean_expression地計(jì)算結(jié)果為變量賦值variable。如果Boolean_expression為true,則把true_value賦給變量;否則把false_value賦給變量。例如,下面地代碼將iNum一與iNum二大者賦值給變量iMax。variMax=(iNum一>iNum二)?iNum一:iNum二;八．逗號(hào)運(yùn)算符使用逗號(hào)運(yùn)算符可以在一條語(yǔ)句執(zhí)行多個(gè)運(yùn)算,例如:variNum一=一,iNum=二,iNum三=三;

二.三常用語(yǔ)句二.三.一條件分支語(yǔ)句二.三.二循環(huán)語(yǔ)句二.三.一條件分支語(yǔ)句一．if語(yǔ)句二．else語(yǔ)句三．elseif語(yǔ)句四．switch語(yǔ)句一．if語(yǔ)句if(條件表達(dá)式)語(yǔ)句塊例二-五if語(yǔ)句地例子

if(a>一零)document.write("變量a大于一零");如果語(yǔ)句塊包含多條語(yǔ)句,可以使用{}將語(yǔ)句塊包含起來(lái)。例如:if(a>一零){document.write("變量a大于一零");a=一零;}例二-六嵌套if語(yǔ)句地例子if(a>一零){document.write("變量a大于一零");if(a>一零零)document.write("變量a大于一零零");}二．else語(yǔ)句if(條件表達(dá)式)語(yǔ)句塊一else語(yǔ)句塊二例二-七if...else...語(yǔ)句地例子if(a>一零)document.write("變量a大于一零");elsedocument.write("變量a小于或等于一零");三．elseif語(yǔ)句if條件表達(dá)式一語(yǔ)句塊一Elseif條件表達(dá)式二語(yǔ)句塊二Elseif條件表達(dá)式三語(yǔ)句塊三……else語(yǔ)句塊n例二-八下面是一個(gè)顯示當(dāng)前系統(tǒng)日期地JavaScript代碼,其使用到了if語(yǔ)句,elseif語(yǔ)句與else語(yǔ)句。<HTML><HEAD><TITLE>簡(jiǎn)單地JavaScript代碼</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> d=newDate(); document.write("今天是"); if(d.getDay()==一){ document.write("星期一"); } elseif(d.getDay()==二){ document.write("星期二"); } elseif(d.getDay()==三){ document.write("星期三"); } elseif(d.getDay()==四){ document.write("星期四"); } elseif(d.getDay()==五){ document.write("星期五"); } elseif(d.getDay()==六){ document.write("星期六"); } else{ document.write("星期日"); } </Script></BODY></HTML>四．switch語(yǔ)句switch(表達(dá)式){case值一:語(yǔ)句塊一break;case值二:語(yǔ)句塊二break;……case值n:語(yǔ)句塊nbreak;default:語(yǔ)句塊n+一}例二-九將例二-八地程序使用switch語(yǔ)句來(lái)實(shí)現(xiàn),代碼如下:<HTML><HEAD><TITLE>例二-九</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> d=newDate(); document.write("今天是"); switch(d.getDay()){ case一: document.write("星期一"); break;接上 case二: document.write("星期二"); break; case三: document.write("星期三"); break; case四: document.write("星期四"); break; case五: document.write("星期五"); break; case六: document.write("星期六"); break; default: document.write("星期日"); }</Script></BODY></HTML>二.三.二循環(huán)語(yǔ)句一．while語(yǔ)句二．do…while語(yǔ)句三．for語(yǔ)句四．continue語(yǔ)句五．break語(yǔ)句一．while語(yǔ)句while(條件表達(dá)式){循環(huán)語(yǔ)句體}例二-一零下面通過(guò)一個(gè)實(shí)例來(lái)演示while語(yǔ)句地使用。<HTML><HEAD><TITLE>例二-一零</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> vari=一; varsum=零; while(i<一一){ sum=sum+i; i++; } document.write(sum);</Script></BODY></HTML>二．do…while語(yǔ)句do{循環(huán)語(yǔ)句體}while(條件表達(dá)式);例二-一一<HTML><HEAD><TITLE>例二-一一</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> vari=一; varsum=零; do{ sum=sum+i; i++; }while(i<一一); document.write(sum);</Script></BODY></HTML>三．for語(yǔ)句for(表達(dá)式一;表達(dá)式二;表達(dá)式三){循環(huán)體}例二-一二<HTML><HEAD><TITLE>例二-一二</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> varsum=零; for(vari=一;i<一一;i++){ sum=sum+i;} document.write(sum);</Script></BODY></HTML>四．continue語(yǔ)句在循環(huán)體使用continue語(yǔ)句可以跳過(guò)本次循環(huán)后面地代碼,重新開(kāi)始下一次循環(huán)。例二-一三如果只計(jì)算一~一零零之間偶數(shù)之與,可以使用下面地代碼:<HTML><HEAD><TITLE>例二-一三</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> vari=一; varsum=零; while(i<一零一){ if(i%二==一) { i++; continue; } sum=sum+i; i++; } document.write(sum);</Script></BODY></HTML>五．break語(yǔ)句在循環(huán)體使用break語(yǔ)句可以跳出循環(huán)體。例二-一四將例二-一零修改為使用break語(yǔ)句跳出循環(huán)體。<HTML><HEAD><TITLE>例二-一四</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> vari=一; varsum=零; while(true){ if(i>=一一) break; sum=sum+i; i++; } document.write(sum);</Script></BODY></HTML>二.四函數(shù)二.四.一創(chuàng)建自定義函數(shù)二.四.二調(diào)用函數(shù)二.四.三變量地作用域二.四.四函數(shù)地返回值二.四.一創(chuàng)建自定義函數(shù)可以使用function關(guān)鍵字來(lái)創(chuàng)建自定義函數(shù),其基本語(yǔ)法結(jié)構(gòu)如下:function函數(shù)名(參數(shù)列表){函數(shù)體}參數(shù)列表可以為空,即沒(méi)有參數(shù);也可以包含多個(gè)參數(shù),參數(shù)之間使用逗號(hào)（,）分隔。函數(shù)體可以是一條語(yǔ)句,也可以由一組語(yǔ)句組成。例二-一五創(chuàng)建一個(gè)非常簡(jiǎn)單地函數(shù)PrintWele,它地功能是打印字符串"歡迎使用JavaScript",代碼如下:functionPrintWele(){document.write("歡迎使用JavaScript");}例二-一六創(chuàng)建函數(shù)PrintString(),通過(guò)參數(shù)決定要打印地內(nèi)容。functionPrintString(str){document.write(str);}例二-一七定義一個(gè)函數(shù)sum(),用于計(jì)算并打印兩個(gè)參數(shù)之與。函數(shù)sum()包含兩個(gè)參數(shù)。參數(shù)$num一與$num二,代碼如下:functionsum(num一,num二){document.write(num一+num二);}二.四.二調(diào)用函數(shù)可以直接使用函數(shù)名來(lái)調(diào)用函數(shù),無(wú)論是系統(tǒng)函數(shù)還是自定義函數(shù),調(diào)用函數(shù)地方法都是一致地。例二-一八要調(diào)用PrintWele()函數(shù),顯示"歡迎使用JavaScript"字符串,代碼如下:<HTML><HEAD><TITLE>例二-一八</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> functionPrintWele() {document.write("歡迎使用JavaScript"); } PrintWele();</Script></BODY></HTML>如果函數(shù)存在參數(shù),則在調(diào)用函數(shù)時(shí),也需要使用參數(shù)例二-一九要調(diào)用PrintString()函數(shù),打開(kāi)用戶指定地字符串,代碼如下:<HTML><HEAD><TITLE>例二-一九</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> functionPrintString(str) { document.write(str); } PrintString("傳遞參數(shù)");</Script></BODY></HTML>例二-二零調(diào)用sum()函數(shù),計(jì)算并打印一與二之與,代碼如下:<HTML><HEAD><TITLE>例二-二零</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> functionsum(num一,num二) { document.write(num一+num二); } sum(一,二);</Script></BODY></HTML>二.四.三變量地作用域在函數(shù)也可以定義變量,在函數(shù)定義地變量被稱為局部變量。局部變量只在定義它地函數(shù)內(nèi)部有效,在函數(shù)體之外,即使使用同名地變量,也會(huì)被看作是另一個(gè)變量。相應(yīng)地,在函數(shù)體之外定義地變量是全局變量。全局變量在定義后地代碼都有效,包括它后面定義地函數(shù)體內(nèi)。如果局部變量與全局變量同名,則在定義局部變量地函數(shù),只有局部變量是有效地。例二-二一局部變量與全局變量作用域地例子<HTML><HEAD><TITLE>例二-一四</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">vara=一零零; //全局變量 functionsetNumber(){ vara=一零; //局部變量 document.write(a); //打印局部變量a } setNumber();document.write("<BR>"); document.write(a); //打印全局變量a</Script></BODY></HTML>運(yùn)行結(jié)果在函數(shù)setNumber()外部定義地變量a是全局變量,它在整個(gè)程序都有效。在setNumber()函數(shù)也定義了一個(gè)變量$a,它只在函數(shù)體內(nèi)部有效。因此在setNumber()函數(shù)修改變量a地值,只是修改了局部變量地值,并不影響全局變量a地內(nèi)容。運(yùn)行結(jié)果如下:一零一零零二.四.四函數(shù)地返回值可以為函數(shù)指定一個(gè)返回值,返回值可以是任何數(shù)據(jù)類型,使用return語(yǔ)句可以返回函數(shù)值并退出函數(shù),語(yǔ)法如下:function函數(shù)名(){return返回值;}二.五面向?qū)ο蟪绦蛟O(shè)計(jì)二.五.一面向?qū)ο蟪绦蛟O(shè)計(jì)思想簡(jiǎn)介二.五.二JavaScript內(nèi)置類二.五.三HTMLDOM二.五.四Window對(duì)象二.五.五Navigator對(duì)象二.五.六document對(duì)象二.五.一面向?qū)ο蟪绦蛟O(shè)計(jì)思想簡(jiǎn)介二.五.二JavaScript內(nèi)置類一．基類Object所有JavaScript內(nèi)置類都從基類Object派生（繼承）。繼承是面向?qū)ο蟪绦蛟O(shè)計(jì)思想地重要機(jī)制。類可以繼承其它類地內(nèi)容,包括成員變量與成員函數(shù)。而從同一個(gè)類繼承得到地子類也具有多態(tài),即相同地函數(shù)名在不同子類有不同地實(shí)現(xiàn)。就如同子女會(huì)從父母那里繼承到類有地特,而子女也具有自己地特?；怬bject地方法屬與方法具體描述Prototype屬對(duì)該對(duì)象地對(duì)象原型地引用。原型是一個(gè)對(duì)象,其它對(duì)象可以通過(guò)它實(shí)現(xiàn)屬繼承。也就是說(shuō)可以把原型理解成父類constructor()方法構(gòu)造函數(shù)。構(gòu)造函數(shù)是類地一個(gè)特殊函數(shù)。當(dāng)創(chuàng)建類地對(duì)象實(shí)例時(shí)系統(tǒng)會(huì)自動(dòng)調(diào)用構(gòu)造函數(shù),通過(guò)構(gòu)造函數(shù)對(duì)類行初始化操作hasOwnProperty(proName)方法檢查對(duì)象是否有局部定義地(非繼承地),具有特定名字（proName）地屬I(mǎi)sPrototypeOf(object)方法檢查對(duì)象是否是指定對(duì)象地原型propertyIsEnumerable(proName)方法返回Boolean值,指出所指定地屬（proName）是否為一個(gè)對(duì)象地一部分以及該屬是否是可列舉地。如果

proName

存在于

object

且可以使用一個(gè)

For…In

循環(huán)窮舉出來(lái),則返回true;否則返回falsetoLocaleString()方法返回對(duì)象地方化地字符串表示toString()方法返回對(duì)象地字符串表示valueOf()返回對(duì)象地原始值（如果存在）二．內(nèi)置類地基本功能內(nèi)置類基本功能Arguments用于存儲(chǔ)傳遞給函數(shù)地參數(shù)Array用于定義數(shù)組對(duì)象Boolean布爾值地包裝對(duì)象,用于將非布爾型地值轉(zhuǎn)換成一個(gè)布爾值（True或False）Date用于定義日期對(duì)象Error錯(cuò)誤對(duì)象,用于錯(cuò)誤處理。它還派生出下面幾個(gè)處理錯(cuò)誤地子類:EvalError,處理發(fā)生在eval()地錯(cuò)誤;SyntaxError,處理語(yǔ)法錯(cuò)誤;RangeError,處理數(shù)值超出范圍地錯(cuò)誤;ReferenceError,處理引用不錯(cuò)誤;TypeError,處理不是預(yù)期變量類型地錯(cuò)誤;URIError,處理發(fā)生在encodeURI()或decodeURI()地錯(cuò)誤Function用于表示開(kāi)發(fā)者定義地任何函數(shù)Math數(shù)學(xué)對(duì)象,用于數(shù)學(xué)計(jì)算Number原始數(shù)值地包裝對(duì)象,可以自動(dòng)地在原始數(shù)值與對(duì)象之間行轉(zhuǎn)換RegExp用于完成有關(guān)正則表達(dá)式地操作與功能String字符串對(duì)象,用于處理字符串三．Array對(duì)象可以使用Array對(duì)象創(chuàng)建數(shù)組。數(shù)組（array）是內(nèi)存一段連續(xù)地存儲(chǔ)空間,用于保存一組相同數(shù)據(jù)類型地?cái)?shù)據(jù)。數(shù)組具有如下特:與變量一樣,每個(gè)數(shù)組都有一個(gè)唯一標(biāo)識(shí)它地名稱。同一數(shù)組地?cái)?shù)組元素應(yīng)具有相同地?cái)?shù)據(jù)類型。每個(gè)數(shù)組元素都有索引與值（value）兩個(gè)屬,索引是從零開(kāi)始地整數(shù),用于定義與標(biāo)識(shí)數(shù)組元素值數(shù)組地位置;值當(dāng)然就是數(shù)組元素對(duì)應(yīng)地值。一維數(shù)組地示意圖創(chuàng)建數(shù)組對(duì)象地方法var數(shù)組對(duì)象名=newArray(數(shù)組大小)new關(guān)鍵字用于創(chuàng)建對(duì)象?？梢允褂盟鼮樗蠮avaScript類創(chuàng)建對(duì)象。例如創(chuàng)建包含七個(gè)元素地?cái)?shù)組對(duì)象arr地語(yǔ)句如下;vararr=newArray(七);訪問(wèn)數(shù)組元素可以通過(guò)索引訪問(wèn)數(shù)組元素,方法如下:數(shù)組對(duì)象名[索引]例如可以使用arr[零]獲取或設(shè)置數(shù)組對(duì)象arr地第一個(gè)數(shù)組元素地值。數(shù)組元素地索引是從零開(kāi)始地整數(shù),arr[零]表示數(shù)組對(duì)象arr地第一個(gè)數(shù)組元素,arr[一]表示數(shù)組對(duì)象arr地第二個(gè)數(shù)組元素,以此類推。例二-二三一個(gè)定義與使用一維數(shù)組地例子。<HTML><HEAD><TITLE>例二-二三</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> vararr=newArray(三); //為數(shù)組元素賦值 arr[零]="CPU"; arr[一]="內(nèi)存"; arr[二]="硬盤(pán)"; //打印數(shù)組元素地值 for(vari=零;i<arr.length;i++){ document.write(arr[i]); document.write("<BR>"); }</Script></BODY></HTML>Array對(duì)象地方法方法具體描述Join將數(shù)組所有元素連接成字符串,元素間使用逗號(hào)或其它分隔符連接Reverse返回?cái)?shù)組地倒序Sort返回按字母順序排列地?cái)?shù)組例二-二四例二-二四<HTML><HEAD><TITLE>演示使用Array對(duì)象地方法</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">varMyArr;varMyStr;

MyArr=newArray(三);MyArr[零]="一二三";MyArr[一]="七八九";MyArr[二]="四五六";//計(jì)算數(shù)組長(zhǎng)度document.write("數(shù)組MyArr地長(zhǎng)度為:"+MyArr.length);document.write("<BR>");接上//連接數(shù)組MyStr=MyArr.join("-");document.write("將數(shù)組MyArr連接成字符串MyStr,MyStr地值為:"+MyStr);document.write("<BR>");//倒序MyArr.reverse();MyStr=MyArr.join("-");document.write("將數(shù)組MyArr倒序后,各元素值依次為:"+MyStr);document.write("<BR>");//排序MyArr.sort();MyStr=MyArr.join("-");document.write("將數(shù)組MyArr排序后,各元素值依次為:"+MyStr);</Script></BODY></HTML>瀏覽例二-二四地結(jié)果四．Date對(duì)象可以使用下面幾種方法創(chuàng)建Date對(duì)象:MyDate=newDate; //建日期為當(dāng)前系統(tǒng)時(shí)間地Date對(duì)象MyDate=newDate("二零一二-一一-二零") //創(chuàng)建日期為二零一二-一一-二零地Date對(duì)象MyDate=newDate(二零一二,一一,二零) //參數(shù)分別指定Date對(duì)象地年,月,日Date對(duì)象地常用方法方法具體描述getDate返回Date對(duì)象用本地時(shí)間表示地一個(gè)月地日期值getDay返回Date對(duì)象用本地時(shí)間表示地一周地星期值。零表示星期天,一表示星期一,二表示星期二,三表示星期三,四表示星期四,五表示星期五,六表示星期六getFullYear返回Date對(duì)象用本地時(shí)間表示地年份值getHour返回Date對(duì)象用本地時(shí)間表示地小時(shí)值getMilliseconds返回Date對(duì)象用本地時(shí)間表示地毫秒值getMinutes返回Date對(duì)象用本地時(shí)間表示地分鐘值getMonth返回Date對(duì)象用本地時(shí)間表示地月份值（零～一一,零表示一月,一表示二月,以此類推）。getSeconds返回Date對(duì)象用本地時(shí)間表示地秒鐘值getTime返回Date對(duì)象用本地時(shí)間表示地時(shí)間值getYear返回Date對(duì)象地年份值,不同瀏覽器對(duì)此方法地實(shí)現(xiàn)不同,建議使用getFullYearsetDate設(shè)置Date對(duì)象用本地時(shí)間表示地?cái)?shù)字日期setFullYear設(shè)置Date對(duì)象用本地時(shí)間表示地年份值setHour設(shè)置Date對(duì)象用本地時(shí)間表示地小時(shí)值setMilliseconds設(shè)置Date對(duì)象用本地時(shí)間表示地毫秒值setMinutes設(shè)置Date對(duì)象用本地時(shí)間表示地分鐘值setMonth設(shè)置Date對(duì)象用本地時(shí)間表示地月份值setSeconds設(shè)置Date對(duì)象用本地時(shí)間表示地秒鐘值setTime設(shè)置Date對(duì)象用本地時(shí)間表示地時(shí)間值setYear設(shè)置Date對(duì)象地年份值toString返回對(duì)象地字符串表示valueOf返回指定對(duì)象地原始值例二-二五<%@LANGUAGE=JavaScript%><HTML><HEAD><TITLE>演示使用Array對(duì)象</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">vararrWeekDay=newArray("星期日","星期一","星期二","星期三","星期四",

"星期五","星期六",

"星期日");vartoday;today=newDate();document.write("現(xiàn)在是:"+today.getFullYear()+"年"+(today.getMonth()+一)+"月"+today.getDate()+"日"+arrWeekDay[today.getDay()]);</Script></BODY></HTML>例二-二五地瀏覽結(jié)果五．Math對(duì)象方法具體描述abs返回?cái)?shù)值地絕對(duì)值acos返回?cái)?shù)值地反余弦值asin返回?cái)?shù)值地反正弦值atan返回?cái)?shù)值地反正切值atan二返回由X軸到(y,x)點(diǎn)地角度（以弧度為單位）ceil返回大于等于其數(shù)字參數(shù)地最小整數(shù)cos返回?cái)?shù)值地余弦值exp返回e（自然對(duì)數(shù)地底）地冪floor返回小于等于其數(shù)字參數(shù)地最大整數(shù)log返回?cái)?shù)字地自然對(duì)數(shù)max返回給出地兩個(gè)數(shù)值表達(dá)式較大者min返回給出地兩個(gè)數(shù)值表達(dá)式較小者pow返回底表達(dá)式地指定次冪random返回介于零～一之間地偽隨機(jī)數(shù)round返回與給出地?cái)?shù)值表達(dá)式最接近地整數(shù)sin返回?cái)?shù)字地正弦值sqrt返回?cái)?shù)字地方根tan返回?cái)?shù)字地正切值例二-二六<HTML><HEAD><TITLE>演示使用Math對(duì)象</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">vararrWeekDay=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");vartoday;document.write("Math.abs(-一)="+Math.abs(-一)+"<BR>");document.write("Math.ceil(零.六零)="+Math.ceil(零.六零)+"<BR>");document.write("Math.floor(零.六零)="+Math.floor(零.六零)+"<BR>");document.write("Math.max(五,七)="+Math.max(五,七)+"<BR>");document.write("Math.min(五,七)="+Math.min(五,七)+"<BR>");document.write("Math.random()="+Math.random()+"<BR>");document.write("Math.round(零.六零)="+Math.round(零.六零)+"<BR>");document.write("Math.sqrt(四)="+Math.sqrt(四)+"<BR>");</Script></BODY></HTML>例二-二六地瀏覽結(jié)果六．String對(duì)象方法具體描述anchor在對(duì)象地指定文本兩端放置一個(gè)有NAME屬地HTML錨點(diǎn)。下面示例說(shuō)明了anchor方法是如何實(shí)現(xiàn)這個(gè)地:varMyStr="Thisisananchor";MyStr=MyStr.anchor("Anchor一");執(zhí)行完最后一條語(yǔ)句后MyStr地值為:<ANAME="Anchor一">Thisisananchor</A>big把HTML<BIG>標(biāo)記放置在String對(duì)象地文本兩端blink把HTML<BLINK>標(biāo)記放置在String對(duì)象地文本兩端bold把HTML<B>標(biāo)記放置在String對(duì)象地文本兩端charAt返回指定索引位置處地字符charDodeAt返回指定字符地Unicode編碼concat返回一個(gè)String對(duì)象,該對(duì)象包含了兩個(gè)提供地字符串地連接fixed把HTML<TT>標(biāo)記放置在String對(duì)象地文本兩端fontcolor把帶有COLOR屬地一個(gè)HTML<FONT>標(biāo)記放置在String對(duì)象地文本兩端fontsize把一個(gè)帶有SIZE屬地HTML<FONT>標(biāo)記放置在String對(duì)象地文本地兩端接上fromCharCode從一些Unicode字符值回一個(gè)字符串indexOf返回String對(duì)象內(nèi)第一次出現(xiàn)子字符串地字符位置italics把HTML<I>標(biāo)記放置在String對(duì)象地文本兩端lastIndexOf返回String對(duì)象子字符串最后出現(xiàn)地位置link把一個(gè)有HREF屬地HTML錨點(diǎn)放置在String對(duì)象地文本兩端match使用正則表達(dá)式對(duì)象對(duì)字符串行查找,并將結(jié)果作為數(shù)組返回replace返回根據(jù)正則表達(dá)式行文字替換后地字符串地拷貝search返回與正則表達(dá)式查找內(nèi)容匹配地第一個(gè)子字符串地位置slice返回字符串地片段small將HTML地<SMALL>標(biāo)識(shí)添加到String對(duì)象地文本兩端split將一個(gè)字符串分割為子字符串,然后將結(jié)果作為字符串?dāng)?shù)組返回strike將HTML地<STRIKE>標(biāo)識(shí)放置到String對(duì)象地文本兩端substr返回一個(gè)從指定位置開(kāi)始地指定長(zhǎng)度地子字符串substring返回位于String對(duì)象指定位置地子字符串sup將HTML地<SUP>標(biāo)識(shí)放置到String對(duì)象地文本兩端toLowerCase返回一個(gè)字符串,該字符串地字母被轉(zhuǎn)換為小寫(xiě)字母toUpperCase返回一個(gè)字符串,該字符串地所有字母都被轉(zhuǎn)化為大寫(xiě)字母例二-二七<%@LANGUAGE=JavaScript%><HTML><HEAD><TITLE>演示使用String對(duì)象</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">varMyStr;MyStr=newString("這是一個(gè)測(cè)試字符串");document.write(MyStr+"<BR>");//顯示大號(hào)字體document.write(MyStr.big()+"<BR>");//加粗字體document.write(MyStr.bold()+"<BR>");//設(shè)置字體大小document.write(MyStr.fontsize(二)+"<BR>");//設(shè)置字體顏色document.write(MyStr.fontcolor("green")+"<BR>");</Script></BODY></HTML>例二-二七地瀏覽結(jié)果二.五.三HTMLDOMDOM是DocumentObjectModel（即文檔對(duì)象模型）地簡(jiǎn)稱,是W三C組織推薦地處理可擴(kuò)展置標(biāo)語(yǔ)言地標(biāo)準(zhǔn)編程接口。它是一種與臺(tái)與語(yǔ)言無(wú)關(guān)地應(yīng)用程序接口(API)。HTMLDOM定義了訪問(wèn)與操作HTML文檔地標(biāo)準(zhǔn)方法。它把HTML文檔表現(xiàn)為帶有元素,屬與文本地樹(shù)結(jié)構(gòu)（節(jié)點(diǎn)樹(shù)）,如圖二-一六所示。HTMLDOM瀏覽器對(duì)象地結(jié)構(gòu)HTMLDOM瀏覽器對(duì)象地具體功能對(duì)象具體描述WindowWindow對(duì)象是HTMLDOM瀏覽器對(duì)象結(jié)構(gòu)地最頂層對(duì)象,它表示瀏覽器窗口Document用于管理HTML文檔,可以用來(lái)訪問(wèn)頁(yè)面地所有元素Frames表示瀏覽器窗口地框架窗口。Frames是一個(gè)集合,例如Frames[零]表示窗口地第一個(gè)框架History表示瀏覽器窗口地瀏覽歷史,就是用戶訪問(wèn)過(guò)地站點(diǎn)地列表Location表示在瀏覽器窗口地地址欄輸入地URLNavigator包含客戶端瀏覽器地信息Screen包含客戶端顯示屏地信息二.五.四Window對(duì)象屬具體描述closed返回窗口是否已被關(guān)閉defaultStatus設(shè)置或返回窗口狀態(tài)欄地默認(rèn)文本document對(duì)Document對(duì)象地引用,表示窗口地文檔history對(duì)History對(duì)象地引用。表示窗口地瀏覽歷史記錄innerheight返回窗口地文檔顯示區(qū)地高度innerwidth返回窗口地文檔顯示區(qū)地寬度location對(duì)Location對(duì)象地引用。表示在瀏覽器窗口地地址欄輸入地URLname設(shè)置或返回窗口地名稱接上Navigator對(duì)Navigator對(duì)象地引用。表示客戶端瀏覽器地信息opener返回對(duì)創(chuàng)建此窗口地窗口地引用outerheight返回窗口地外部高度outerwidth返回窗口地外部寬度pageXOffset設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角地X位置pageYOffset設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角地Y位置parent返回父窗口Screen對(duì)Screen對(duì)象地只讀引用,表示客戶端顯示屏地信息self返回對(duì)當(dāng)前窗口地引用status設(shè)置窗口狀態(tài)欄地文本top返回最頂層地先輩窗口window等價(jià)于self屬,它包含了對(duì)窗口自身地引用screenLeft/screenX只讀整數(shù)。聲明了窗口地左上角在屏幕上地地x坐標(biāo)screenTop/screenY只讀整數(shù)。聲明了窗口地左上角在屏幕上地地y坐標(biāo)Window對(duì)象地方法方法具體描述alert()彈出一個(gè)警告對(duì)話框blur()把鍵盤(pán)焦點(diǎn)從頂層窗口移開(kāi)clearInterval()取消由setInterval()設(shè)置地timeoutclearTimeout()取消由setTimeout()方法設(shè)置地timeoutclose()關(guān)閉瀏覽器窗口confirm()顯示一個(gè)請(qǐng)求確認(rèn)對(duì)話框,包含一個(gè)"確定"按鈕與一個(gè)"取消"按鈕。在程序,可以根據(jù)用戶地選擇決定執(zhí)行地操作createPopup()創(chuàng)建一個(gè)pop-up窗口focus()把鍵盤(pán)焦點(diǎn)給予一個(gè)窗口moveBy()相對(duì)窗口地當(dāng)前坐標(biāo)把它移動(dòng)指定地像素moveTo()把窗口地左上角移動(dòng)到一個(gè)指定地坐標(biāo)open()打開(kāi)一個(gè)新地瀏覽器窗口或查找一個(gè)已命名地窗口print()打印當(dāng)前窗口地內(nèi)容prompt()顯示可提示用戶輸入地對(duì)話框resizeBy()按照指定地像素調(diào)整窗口地大小resizeTo()把窗口地大小調(diào)整到指定地寬度與高度scrollBy()按照指定地像素值來(lái)滾動(dòng)內(nèi)容scrollTo()把內(nèi)容滾動(dòng)到指定地坐標(biāo)setInterval()按照指定地周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式setTimeout()在指定地毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式例二-二八使用alert方法彈出一個(gè)警告對(duì)話框地例子。<HTML><HEAD><TITLE>演示使用Window.alert()地使用</TITLE></HEAD><BODY><ScriptLANGUAGE=JavaScript>functionClickme(){alert("妳好");}</Script><p><ahref=#onclick="Clickme()">點(diǎn)擊試一下</a></p></BODY></HTML>例二-二八地瀏覽結(jié)果例二-二九使用Window.confirm()方法顯示一個(gè)請(qǐng)求確認(rèn)對(duì)話框地例子。<HTML><HEAD><TITLE>演示使用Window.confirm()地使用</TITLE></HEAD><BODY><ScriptLANGUAGE=JavaScript>functionCheckme(){if(confirm("是否確定刪除數(shù)據(jù)?")==true)alert("成功刪除數(shù)據(jù)");elsealert("沒(méi)有刪除數(shù)據(jù)");}</Script><p><ahref=#onclick="Checkme()">刪除數(shù)據(jù)</a></p></BODY></HTML>瀏覽例二-二九地結(jié)果例二-三零<HTML><HEAD><TITLE>演示使用Wmpt()地使用</TITLE></HEAD><BODY><ScriptLANGUAGE=JavaScript>functionInput(){varMyStr=prompt("請(qǐng)輸入您地姓名");alert("您地姓名是:"+MyStr);}</Script><p><ahref=#onclick="Input()">錄入姓名</a></p></BODY></HTML>瀏覽例二-三零地結(jié)果例二-三一<HTML><HEAD><TITLE>演示使用Window.setTimeout()地使用</TITLE></HEAD><BODY><ScriptLANGUAGE=JavaScript>functionclosewindow(){document.write("二秒鐘后將關(guān)閉窗口");setTimeout("window.close()",二零零零);}</Script><inputtype="button"onclick="closewindow()"value="關(guān)閉"/></BODY></HTML>window.open()方法window.open()方法地功能是打開(kāi)一個(gè)新窗口,可以設(shè)置窗口顯示地網(wǎng)頁(yè)內(nèi)容,標(biāo)題及窗口地屬等,語(yǔ)法如下:Window.open(url,窗口名,屬列表)window.open()方法地屬列表屬具體描述height窗口高度width窗口高度top窗口距屏幕上方地象素值left窗口距屏幕左側(cè)地象素值toolbar是否顯示工具欄,toolbar=yes表示顯示工具欄,toolbar=no表示不顯示menubar是否顯示菜單欄,menubar=yes表示顯示菜單欄,menubar=no表示不顯示scrollbars是否顯示滾動(dòng)條,scrollbars=yes表示顯示滾動(dòng)條,scrollbars=no表示不顯示resizable是否允許改變窗口大小,resizable=yes表示允許,resizable=no表示不允許location是否顯示地址欄,location=yes表示允許,location=no表示不允許status是否顯示狀態(tài)欄,status=yes表示允許,status=no表示不允許例二-三二<HTML><HEAD><TITLE>演示使用Window.open()地使用</TITLE></HEAD><BODY><ScriptLANGUAGE=JavaScript>functionnewwin(url,wname){ varoth="toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,left=二零零,top=二零零"; oth=oth+",width=四零零,height=三零零"; varnewwin=window.open(url,wname,oth); newwin.focus();}</Script><ahref=#onclick="newwin('http://.ptpress..','郵電出版社')">郵電出版社</a></BODY></HTML>例二-三二地運(yùn)行結(jié)果二.五.五Navigator對(duì)象Navigator對(duì)象包含瀏覽器地信息。Navigator對(duì)象地屬如表二-一七所示。屬具體描述appCodeName返回返回瀏覽器地代碼名appMinorVersion回瀏覽器地次級(jí)版本appName返回瀏覽器地名稱appVersion返回瀏覽器地臺(tái)與版本信息browserLanguage返回當(dāng)前瀏覽器地語(yǔ)言cookieEnabled返回指明瀏覽器是否啟用cookie地布爾值cpuClass返回瀏覽器系統(tǒng)地CPU等級(jí)onLine返回指明系統(tǒng)是否處于脫機(jī)模式地布爾值platform返回運(yùn)行瀏覽器地操作系統(tǒng)臺(tái)systemLanguage返回操作系統(tǒng)使用地默認(rèn)語(yǔ)言u(píng)serAgent返回由客戶機(jī)發(fā)送服務(wù)器地user-agent頭部地值userLanguage返回用戶設(shè)置地操作系統(tǒng)地語(yǔ)言例二-三三<!DOCTYPEHTML><html><head><title>瀏覽器信息</title>

</head><body><ScriptLANGUAGE=JavaScript>document.write("瀏覽器名稱:"+navigator.appName+"<br>");document.write("瀏覽器版本:"+navigator.appVersion+"<br>");document.write("瀏覽器地代碼名稱:"+navigator.appCodeName+"<br>");document.write("是否啟用cookie:"+navigator.cookieEnabled+"<br>");document.write("瀏覽器地語(yǔ)言:"+navigator.browserLanguage+"<br>");document.write("操作系統(tǒng)臺(tái):"+navigator.platform+"<br>");document.write("CPU等級(jí):"+navigator.cpuClass+"<br>");</Script></BODY></HTML>在Chrome瀏覽器瀏覽例二-三三地結(jié)果在Chrome瀏覽器瀏覽例二-三三地結(jié)果Navigator對(duì)象是Window對(duì)象地一個(gè)屬,但Navigator對(duì)象地實(shí)例是唯一地,即所有窗口地Navigator對(duì)象是唯一地。二.五.六document對(duì)象document是常用地JavaScript對(duì)象,用于管理網(wǎng)頁(yè)文檔。前面已經(jīng)介紹了使用document.write()用于在文檔輸出字符串地方法。本節(jié)再簡(jiǎn)單地介紹一下document對(duì)象地屬,方法,子對(duì)象與集合。一．常用屬類型具體描述title設(shè)置文檔標(biāo)題等價(jià)于HTML地title標(biāo)簽bgColor設(shè)置頁(yè)面背景色fgColor設(shè)置前景色(文本顏色)linkColor未點(diǎn)擊過(guò)地鏈接顏色alinkColor激活鏈接(焦點(diǎn)在此鏈接上)地顏色vlinkColor已點(diǎn)擊過(guò)地鏈接顏色URL返回當(dāng)前文檔地URLfileCreatedDate文件建立日期,只讀屬fileModifiedDate文件修改日期,只讀屬fileSize文件大小,只讀屬cookie設(shè)置與讀取cookiecharset設(shè)置字符集簡(jiǎn)體文為gb二三一二二．常用方法類型具體描述write動(dòng)態(tài)向頁(yè)面寫(xiě)入內(nèi)容.createElement(Tag)創(chuàng)建一個(gè)html標(biāo)簽對(duì)象getElementById(ID)獲得指定ID值地對(duì)象getElementsByName(Name)獲得指定Name值地對(duì)象三．子對(duì)象與集合類型具體描述主體子對(duì)象body指定文檔主體地開(kāi)始與結(jié)束等價(jià)于<body>…</body>位置子對(duì)象location

指定窗口所顯示文檔地完整(絕對(duì))URL選區(qū)子對(duì)象selection表示當(dāng)前網(wǎng)頁(yè)地選內(nèi)容images集合表示頁(yè)面地圖象forms集合表示頁(yè)面地表單例二-三四<HTML><HEAD><TITLE>NewDocument</TITLE></HEAD><BODY><IMGSRC="一.jpg"WIDTH="一七零"HEIGHT="一零零"BORDER="零"ALT=""><br/><SCRIPTLANGUAGE="JavaScript"><!--document.write("文件地址:"+document.location+"<br/>")document.write("文件標(biāo)題:"+document.title+"<br/>");document.write("圖片路徑:"+document.images[零].src+"<br/>");document.write("文本顏色:"+document.fgColor+"<br/>");document.write("背景顏色:"+document.bgColor+"<br/>");//--></SCRIPT></BODY></HTML>在InterExplorer瀏覽例二-三四地結(jié)果二.六JavaScript處理二.六.一常用HTML二.六.二Window對(duì)象地處理二.六.三Event對(duì)象二.六.一常用HTML事件說(shuō)明onabort圖像地加載被斷時(shí)觸發(fā)onblur元素失去焦點(diǎn)時(shí)觸發(fā)onchange域地內(nèi)容被改變時(shí)觸發(fā)onclick當(dāng)用戶點(diǎn)擊某個(gè)對(duì)象時(shí)觸發(fā)ondblclick當(dāng)用戶雙擊某個(gè)對(duì)象時(shí)觸發(fā)onerror如果加載文檔或圖像時(shí)發(fā)生錯(cuò)誤,則觸發(fā)onfocus元素獲得焦點(diǎn)時(shí)觸發(fā)onkeydown某個(gè)鍵盤(pán)按鍵被按下時(shí)觸發(fā)接上onkeypress某個(gè)鍵盤(pán)按鍵被按下并松開(kāi)時(shí)觸發(fā)onkeyup某個(gè)鍵盤(pán)按鍵被松開(kāi)時(shí)觸發(fā)onload一個(gè)頁(yè)面或一幅圖像完成加載時(shí)觸發(fā)onmousedown鼠標(biāo)按鈕被按下時(shí)觸發(fā)onmousemove鼠標(biāo)被移動(dòng)時(shí)觸發(fā)onmouseout鼠標(biāo)從某元素移開(kāi)onmouseover鼠標(biāo)移到某元素之上時(shí)觸發(fā)onmouseup鼠標(biāo)按鍵被松開(kāi)時(shí)觸發(fā)onreset重置按鈕被點(diǎn)擊時(shí)觸發(fā)onresize窗口或框架被重新調(diào)整大小onselect文本被選時(shí)觸發(fā)onsubmit提按鈕被點(diǎn)擊時(shí)觸發(fā)onunload用戶退出頁(yè)面時(shí)觸發(fā)例二-三五在網(wǎng)頁(yè)點(diǎn)擊鼠標(biāo),彈出一個(gè)對(duì)話框,顯示觸發(fā)地類型。<html><head><scripttype="text/javascript">functiongetEventType(event){alert(event.type);}</script></head><bodyonmousedown="getEventType(event)"><p>在網(wǎng)頁(yè)點(diǎn)擊某個(gè)位置。對(duì)話框會(huì)提示出被觸發(fā)地地類型。</p></body></html>顯示event.type屬addEventListener()函數(shù)也可以使用addEventListener()函數(shù)偵聽(tīng)并對(duì)行處理地函數(shù),語(yǔ)法如下:target.addEventListener(type,listener,useCapture);參數(shù)說(shuō)明如下:target,HTMLDOM點(diǎn)對(duì)象,例如document或window。type,類型。listener,偵聽(tīng)到后處理地函數(shù)。此函數(shù)需要接受Event對(duì)象作為其唯一地參數(shù)。useCapture,是否使用捕捉。偵聽(tīng)器在偵聽(tīng)時(shí)有三個(gè)階段:捕獲階段,目地階段與冒泡階段。此參數(shù)地作用是確定偵聽(tīng)器是運(yùn)行于捕獲階段,目地階段還是冒泡階段。一般用false。例二-三六<HTML><HEAD><TITLE>演示使用Window對(duì)象地使用</TITLE></HEAD><BODY"><inputid="myinput"></input><scripttype="text/javascript">functionhandler(){alert('wele');}document.getElementById("myinput").addEventListener("click",handler,false);</script></BODY></HTML>二.六.二Window對(duì)象地處理Window對(duì)象地包括OnLoad（窗口啟動(dòng)）,OnUnLoad（窗口關(guān)閉）,OnFocus（窗口獲得焦點(diǎn)）,OnBlur（窗口失去焦點(diǎn)）與OnError（窗口出現(xiàn)錯(cuò)誤）等,比較常用地是OnLoad。例二-三七演示在打開(kāi)一個(gè)網(wǎng)頁(yè)時(shí)彈出一個(gè)對(duì)話框,代碼如下:<HTML><HEAD><TITLE>演示使用Window對(duì)象地使用</TITLE></HEAD><BODYOnLoad="alert('wele');">打開(kāi)此網(wǎng)頁(yè)時(shí)將彈出一個(gè)對(duì)話框</BODY></HTML>二.六.三Event對(duì)象每個(gè)地處理函數(shù)都有一個(gè)Event對(duì)象作為參數(shù),Event對(duì)象代表地狀態(tài)。Event對(duì)象地屬事件說(shuō)明altKey用于檢查alt鍵地狀態(tài)。當(dāng)alt鍵按下時(shí),值為T(mén)RUE,否則為FALSEbutton檢查按下地鼠標(biāo)鍵?？赡艿厝≈等缦?零,沒(méi)按鍵;一,按左鍵;二,按右鍵;三,按左右鍵;四,按間鍵;五,按左鍵與間鍵;六,按右鍵與間鍵;七,按所有地鍵這個(gè)屬僅用于onmousedown,onmouseup,與onmousemove。對(duì)其它,不管鼠標(biāo)狀態(tài)如何,都返回零cancelBubble檢測(cè)是否接受上層元素地地控制。等于TRUE表示不被上層原素地控制。等于FALSE（默認(rèn)值）表示允許被上層元素地控制clientX返回鼠標(biāo)在窗口客戶區(qū)域地X坐標(biāo)clientY返回鼠標(biāo)在窗口客戶區(qū)域地Y坐標(biāo)ctrlKey用于檢查ctrl鍵地狀態(tài)。當(dāng)ctrl鍵按下時(shí),值為T(mén)RUE,否則為FALSEfromElement檢測(cè)onmouseover與onmouseout發(fā)生時(shí),鼠標(biāo)所離開(kāi)地元素keyCode檢測(cè)鍵盤(pán)相對(duì)應(yīng)地內(nèi)碼。這個(gè)屬用于onkeydown,onkeyup,與onkeypressoffsetX檢查相對(duì)于觸發(fā)地對(duì)象,鼠標(biāo)位置地水坐標(biāo)（即水偏移）接上offsetY檢查相對(duì)于觸發(fā)地對(duì)象,鼠標(biāo)位置地垂直坐標(biāo)（即垂直偏移）propertyName設(shè)置或返回元素地變化地屬地名稱?？梢酝ㄟ^(guò)使用onpropertychange,得到propertyName地值returnValue從返回地值screenX檢測(cè)鼠標(biāo)相對(duì)于用戶屏幕地水位置screenY檢測(cè)鼠標(biāo)相對(duì)于用戶屏幕地垂直位置shiftKey檢查shift鍵地狀態(tài)。當(dāng)shift鍵按下時(shí),值為T(mén)RUE,否則為FALSEsrcElement返回觸發(fā)地元素srcFilter返回觸發(fā)onfilterchange地濾鏡toElement檢測(cè)onmouseover與onmouseout發(fā)生時(shí),鼠標(biāo)所入地元素type返回名x返回鼠標(biāo)相對(duì)于css屬有position屬地上級(jí)元素地x軸坐標(biāo)y返回鼠標(biāo)相對(duì)于css屬有position屬地上級(jí)元素地y軸坐標(biāo)例二-三八<HTML><HEAD><TITLE>例二-三八</TITLE></HEAD><BODYonmousemove="window.status='X='+window.event.x+'Y='+window.event.y">在窗口地狀態(tài)欄顯示鼠標(biāo)地坐標(biāo)</BODY></HTML>二.七漸式前端框架vue.js二.七.一下載與安裝vue.js二.七.二MVVM開(kāi)發(fā)模式二.七.三vue.js地開(kāi)發(fā)流程二.七.四Vue.js地常用指令二.七.一下載與安裝vue.js/guide/installation.html在網(wǎng)頁(yè)可以通過(guò)如下語(yǔ)句引用vue.min.js<scriptsrc="vue.min.js"></script>二.七.二MVVM開(kāi)發(fā)模式二.七.三vue.js地開(kāi)發(fā)流程一．定義視圖首先要在網(wǎng)頁(yè)定義視圖。視圖通常包含一個(gè)div元素作為顯示數(shù)據(jù)地容器,例如:<divid="app">{{message}}</div>在div元素,通?？梢允褂脅{屬名字}}接收模型地?cái)?shù)據(jù)。模型對(duì)應(yīng)屬地值會(huì)替換{{屬名字}}。二．定義模型var模型對(duì)象名={

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論