jquery從入門(mén)到精通圖書(shū)光盤(pán)-javascript概述

主講人：JavaScript概述JavaScript概述編寫(xiě)JavaScript的工具編寫(xiě)第一個(gè)JavaScript程序JavaScript內(nèi)置對(duì)象BOM對(duì)象編程JavaScript庫(kù)小

結(jié)JavaScript概述101JavaScript02JavaScript的作用JavaScript的基本特點(diǎn)03JavaScriptJavaScript是由Netscape

Communication

Corporation（網(wǎng)景公司）所開(kāi)發(fā)的。JavaScript原名為L(zhǎng)iveScript，是目前客戶端瀏覽程序最普遍的Script語(yǔ)言。JavaScript是Web頁(yè)面中的一種對(duì)象和事件驅(qū)動(dòng)并具有安全性的解釋型編程語(yǔ)言，也是一種通用的、跨平臺(tái)的、基于語(yǔ)言，在Web系統(tǒng)中得到了非常廣泛的應(yīng)用。它不需要進(jìn)行編譯，而是直接嵌入在HTML頁(yè)面中，把靜態(tài)頁(yè)面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動(dòng)態(tài)頁(yè)面。JavaScript的作用驗(yàn)證用戶輸入的內(nèi)容JavaScript的作用實(shí)時(shí)顯示添加內(nèi)容動(dòng)畫(huà)效果JavaScript的作用窗口的應(yīng)用文字特效JavaScript的基本特點(diǎn)解釋性JavaScript不同于一些編譯性的程序語(yǔ)言，例如C、C++等，它是一種解釋性的程序

語(yǔ)言，它的源代碼不需要經(jīng)過(guò)編譯，而直

接在瀏覽器中運(yùn)行時(shí)被解釋?；趯?duì)象JavaScript是一種基于對(duì)象的語(yǔ)言。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來(lái)自于

環(huán)境中對(duì)象的方法與

的相互作用。JavaScript的基本特點(diǎn)事件驅(qū)動(dòng)簡(jiǎn)單性JavaScript可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web服務(wù)程序。它對(duì)用戶的響應(yīng)，是以事件驅(qū)動(dòng)的方式進(jìn)行的。1.JavaScript是一種基于Java基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì),從而對(duì)于學(xué)習(xí)Java是一種非常好的過(guò)渡。2.它的變量類(lèi)型是采用弱類(lèi)型，并未使用嚴(yán)格的數(shù)據(jù)類(lèi)型。事件驅(qū)動(dòng)，就是指在主頁(yè)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，此動(dòng)作稱(chēng)為“事件”。JavaScript的基本特點(diǎn)跨平臺(tái)JavaScript依賴(lài)于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。安全性JavaScript不允許本地的硬盤(pán)，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。編寫(xiě)JavaScript的工具201

使用記事本02使用FrontPage使用Dreamweaver03使用記事本記事本是最原始的JavaScript開(kāi)發(fā)工具，它最大的優(yōu)點(diǎn)就是不需要獨(dú)立安裝，只要安裝微軟公司的操作系統(tǒng)，利用系統(tǒng)自帶的記事本，就可以開(kāi)發(fā)JavaScript應(yīng)用程序。利用記事本開(kāi)發(fā)JavaScript程序也存在著缺點(diǎn)，就是整個(gè)編程過(guò)程要求開(kāi)發(fā)者完全手工輸入程序代碼，這就影響了程序的開(kāi)發(fā)速度。使用FrontPageFrontPage是微軟公司開(kāi)發(fā)的一款強(qiáng)大的Web制作工具和網(wǎng)絡(luò)管理向?qū)?，它包?/p>

HTML處理程序、網(wǎng)絡(luò)管理工具、動(dòng)畫(huà)圖形創(chuàng)建、編輯工具以及Web服務(wù)器程序。使用DreamweaverDreamweaver是 流行的網(wǎng)頁(yè)編輯工具之一。它采用了多種先進(jìn)技術(shù)，提供了圖形化程序設(shè)計(jì)窗口，能夠快速高效地創(chuàng)建網(wǎng)頁(yè)，并生成與之相關(guān)的程序代碼，使網(wǎng)頁(yè)創(chuàng)作過(guò)程變得簡(jiǎn)單化，生成的網(wǎng)頁(yè)也極具表現(xiàn)力

。Web的發(fā)展歷程靜態(tài)文檔階段頁(yè)階段Web2.0階段通過(guò)HTML語(yǔ)言編寫(xiě)的Web頁(yè)面，無(wú)法實(shí)現(xiàn)動(dòng)態(tài)交互功能。通過(guò)在傳統(tǒng)的靜態(tài)頁(yè)面中加入各種程序和邏輯控制，從而實(shí)現(xiàn)動(dòng)態(tài)和個(gè)性化的交流與互動(dòng)。包括：博客（BLOG）、（

）、RSS、Wiki百科全書(shū)（Wiki）、社會(huì)網(wǎng)絡(luò)（SNS）、即時(shí)信息（IM）和基于地理信息服務(wù)（LBS）等。編寫(xiě)第一個(gè)JavaScript程序301

編寫(xiě)JavaScript程序02

運(yùn)行JavaScript程序03調(diào)試JavaScript程序編寫(xiě)JavaScript程序運(yùn)行JavaScript程序在瀏覽器中，選擇“查看”/“源文件”命令，可以查看到程序生成的HTML源代碼。在客戶端查看到的源代碼是經(jīng)過(guò)瀏覽器解釋的HTML代碼，如果將JavaScript

在單獨(dú)的文件中，那么在查看源文件時(shí)不會(huì)顯示JavaScript程序源代碼。調(diào)試JavaScript程序JavaScript內(nèi)置對(duì)象4JavaScript的內(nèi)置類(lèi)框架數(shù)組03Date對(duì)象04String對(duì)象JavaScript內(nèi)置類(lèi)框架JavaScript提供了一系列內(nèi)置類(lèi)，也稱(chēng)為內(nèi)置對(duì)象。繼承是面象程序設(shè)計(jì)思想的重要機(jī)制。類(lèi)可以繼承其他類(lèi)的內(nèi)容，包括成員變量和方法。從一個(gè)類(lèi)中繼承得到的子類(lèi)具有多態(tài)性，即相同的函數(shù)名稱(chēng)在不同的子類(lèi)中有不同的實(shí)現(xiàn)。這就和

會(huì)從父母那里繼承到人類(lèi)的共性，而也具有自己的特性是一個(gè)道理。基類(lèi)Object的屬性和方法屬性和方法說(shuō)明prototype屬性對(duì)該對(duì)象的對(duì)象原型的 。原型是一個(gè)對(duì)象，其他對(duì)象可以通過(guò)它實(shí)現(xiàn)屬性的繼承。constructor()方法構(gòu)造函數(shù)。構(gòu)造函數(shù)是類(lèi)的一個(gè)特殊函數(shù)。當(dāng)創(chuàng)建類(lèi)的對(duì)象實(shí)例時(shí)系統(tǒng)會(huì)自動(dòng)調(diào)用構(gòu)造函數(shù)，通過(guò)構(gòu)造函數(shù)對(duì)類(lèi)進(jìn)行初始化操作hasOwnProperty(proName)方法檢查對(duì)象是否有局部定義的、具有特定名字的屬性PropertyIsEnumerable(proName)方法返回Boolean值，

所指定的屬性(proName)是否為一個(gè)對(duì)象的一部分以及該屬性是否是可列舉的。如果proName存在于object中并且可以使用for…in循環(huán)窮舉出，那么則返回True；否則返回FalseisPrototypeOf(object)方法檢查對(duì)象是否是指定對(duì)象的原型toLocaleString()方法返回對(duì)象地方化的字符串表示toString()方法返回對(duì)象的字符串表示valueOf()返回對(duì)象的原始值內(nèi)置類(lèi)的基本功能對(duì)象名稱(chēng)對(duì)象說(shuō)明Arguments函數(shù)參數(shù)集合Array用于定義數(shù)組對(duì)象Boolean對(duì)象，用于將非

型的值轉(zhuǎn)換為

值（True或False）Date用于定義日期對(duì)象Error錯(cuò)誤對(duì)象。用于錯(cuò)誤處理。它還派生出以下幾個(gè)處理錯(cuò)誤的子類(lèi)：EvalError：處理發(fā)生在eval()中的錯(cuò)誤；SyntaxError：處理語(yǔ)法錯(cuò)誤；

RangeError：處理數(shù)值超出范圍的錯(cuò)誤；ReferenceError：處理

的錯(cuò)誤；TypeError：處理不是預(yù)期變量類(lèi)型的錯(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ì)象之間進(jìn)行轉(zhuǎn)換RegExp用于完成有關(guān)正則表達(dá)式的操作和功能String字符串對(duì)象，用于處理字符串?dāng)?shù)組JavaScript提供了一系列內(nèi)置類(lèi)，也稱(chēng)為內(nèi)置對(duì)象。繼承是面象程序設(shè)計(jì)思想的重要機(jī)制。類(lèi)可以繼承其他類(lèi)的內(nèi)容，包括成員變量和方法。從一個(gè)類(lèi)中繼承得到的子類(lèi)具有多態(tài)性，即相同的函數(shù)名稱(chēng)在不同的子類(lèi)中有不同的實(shí)現(xiàn)。這就和

會(huì)從父母那里繼承到人類(lèi)的共性，而也具有自己的特性是一個(gè)道理。元素1元素2元素3元素4元素5和操作有序數(shù)據(jù)集100“abc”true……數(shù)組數(shù)組概念數(shù)組（Array）就是一組數(shù)據(jù)的集合。數(shù)組是JavaScript中用來(lái)的數(shù)據(jù)結(jié)構(gòu)。數(shù)字型數(shù)據(jù)字符串型數(shù)據(jù)型數(shù)據(jù)語(yǔ)法格式arrayObject

=

new

Array()var

arr

=

new

Array();arr[0]

=

"JavaScript";arr[1]

=

“jQuery";arr[2]

=

“PHP";var

user="明日科技";var

user=new

Array();user[0]=“小辛";user[1]=“小王";.write(user);定義的數(shù)組對(duì)象名和已存在的變量重名使用不帶參數(shù)的構(gòu)造函數(shù)可以定義一個(gè)空數(shù)組，在定義空數(shù)組后再向數(shù)組中添加數(shù)組元素。定義空數(shù)組新創(chuàng)建的數(shù)組對(duì)象名語(yǔ)法格式arrayObject

=

new

Array(size)var

arr

=

new

Array(3);arr[0]

=

1;arr[1]

=2;arr[2]

=

3;在定義數(shù)組的同時(shí)可以指定數(shù)組元素的個(gè)數(shù)。此時(shí)并沒(méi)有為數(shù)組元素賦值，所有數(shù)組元素的值都是undefined。指定數(shù)組長(zhǎng)度新創(chuàng)建的數(shù)組對(duì)象名設(shè)置數(shù)組的長(zhǎng)度語(yǔ)法格式arrayObject

=

new

Array(element1,

element2,

element3,

...

)var

arr

=

new

Array(123,

"JavaScript",

true);在定義數(shù)組的同時(shí)可以直接給出數(shù)組元素的值。此時(shí)數(shù)組的長(zhǎng)度就是在括號(hào)中給出的數(shù)組元素的個(gè)數(shù)。指定數(shù)組元素新創(chuàng)建的數(shù)組對(duì)象名存入數(shù)組中的元素Date對(duì)象dateObj

=

new

Date()dateObj

=

new

Date(dateVal)dateObj

=

new

Date(year,

month,

date[,

hours[,

minutes[,

seconds[,ms]]]])月份小時(shí)分鐘秒數(shù)毫秒數(shù)var

date

=new

Date("2014,3,3");參數(shù)不能加引號(hào)賦值為Date對(duì)象的變量名賦值為Date對(duì)象的變量名數(shù)值或字符串完整的年份 日期Date對(duì)象的屬性（1）constructor屬性var

newDate=new

Date();if

(newDate.constructor==Date).write("日期型對(duì)象");（2）prototype屬性var

newDate=new

Date();Dtotype.mark=null;newDate.mark=newDate.getFullYear();alert(newDate.mark);日期型對(duì)象輸出輸出

2014Date對(duì)象的方法方法說(shuō)明Date()返回系統(tǒng)當(dāng)前的日期和時(shí)間getDate()從Date對(duì)象返回一個(gè)月中的某一天(1~31)getDay()從Date對(duì)象返回一周中的某一天(0~6)getMonth()從Date對(duì)象返回月份(0~11)getFullYear()從Date對(duì)象以四位數(shù)字返回年份getYear()從Date對(duì)象以兩位或4位數(shù)字返回年份getHours()返回Date對(duì)象的小時(shí)(0~23)getMinutes()返回Date對(duì)象的分鐘(0~59)getSeconds()返回Date對(duì)象的秒數(shù)(0~59)getMilliseconds()返回Date對(duì)象的毫秒(0~999)getTime()返回 午夜至指定時(shí)間的毫秒數(shù)Date對(duì)象的方法方法說(shuō)明setDate()設(shè)置Date

對(duì)象中月的某一天(1~31)setMonth()設(shè)置Date

對(duì)象中月份(0~11)setFullYear()設(shè)置Date

對(duì)象中的年份(四位數(shù)字)setYear()設(shè)置Date

對(duì)象中的年份(兩位或四位數(shù)字)setHours()設(shè)置Date

對(duì)象中的小時(shí)(0~23)setMinutes()設(shè)置Date

對(duì)象中的分鐘(0~59)setSeconds()設(shè)置Date

對(duì)象中的秒鐘(0~59)setMilliseconds()設(shè)置Date

對(duì)象中的毫秒(0~999)setTime()使用毫秒數(shù)設(shè)置日期和時(shí)間toLocaleString()根據(jù)本地時(shí)間格式，把Date對(duì)象轉(zhuǎn)換為字符串String對(duì)象String對(duì)象是動(dòng)態(tài)對(duì)象，需要?jiǎng)?chuàng)建對(duì)象實(shí)例后才能 該對(duì)象的屬性和方法。創(chuàng)建String對(duì)象語(yǔ)法var

newstr=new

String(StringText)var

newstr=new

String("歡迎使用JavaScript

");區(qū)別在于返回的類(lèi)型不一樣var

newstr="歡迎使用JavaScript

";創(chuàng)建的String對(duì)象名字符串文本Length屬性用于獲得當(dāng)前字符串的長(zhǎng)度。length屬性語(yǔ)法stringObject.lengthvarp=0;var

newString=new

String("abcdefg");p=newString.length;alert(p);7輸出String對(duì)象名或字符串變量名Construct屬性用于對(duì)當(dāng)前對(duì)象的構(gòu)造函數(shù)的。constructor屬性語(yǔ)法Object.constructorvarnewName=new

String("sdf");if(newName.constructor==String){alert("這是一個(gè)字符串對(duì)象");}輸出

這是一個(gè)字符串對(duì)象String對(duì)象名或字符串變量名prototype屬性可以為對(duì)象添加屬性和方法。prototype屬性語(yǔ)法=valuevar

str=new

String("abcdefg");Stotype.getLength=function(){.write(this.length);}str.getLength();輸出

7對(duì)象名要添加的屬性名或方法名添加屬性的值或執(zhí)行方法的函數(shù)String對(duì)象的方法方法說(shuō)明charAt()返回指定位置的字符（返回的字符編碼）concat()連接字符串indexOf()檢索字符串match()在字符串內(nèi)檢索指定的值，或找到一個(gè)或多個(gè)與正則表達(dá)式相匹配的文本replace()替換與正則表達(dá)式匹配的子串split()把字符串分割為字符串?dāng)?shù)組substr()從起始索引號(hào)提取字符串中指定數(shù)目的字符substring()提取字符串中兩個(gè)指定的索引號(hào)之間的字符slice()提取字符串的片斷，并在新的字符串中返回被提取的部分toLowerCase()把字符串轉(zhuǎn)換為小寫(xiě)toUpperCase()把字符串轉(zhuǎn)換為大寫(xiě)B(tài)OM對(duì)象編程501BOM對(duì)象02

BOM對(duì)象編程BOM對(duì)象瀏覽器對(duì)象模型（

ObjectModel）簡(jiǎn)稱(chēng)為BOM。瀏覽器對(duì)象模型提供了用戶與瀏覽器之間交互的對(duì)象以及操作的接口

。對(duì)象說(shuō)明WindowBOM結(jié)構(gòu)的最頂層對(duì)象，表示瀏覽器窗口用于管理HTML文檔，可以用來(lái)

頁(yè)面中的所有元素Frames表示瀏覽器窗口中的框架窗口。Frames是一個(gè)集合，例如Frames[0]表示窗口中的第1個(gè)框架History表示瀏覽器窗口的瀏覽歷史，即用戶 過(guò)的站點(diǎn)列表Location表示在瀏覽器窗口地址欄中輸入的URLNavigator包含客戶端瀏覽器的信息Screen包含客戶端顯示屏的信息BOM對(duì)象編程Window對(duì)象Window對(duì)象表示瀏覽器中一個(gè)打開(kāi)的窗口。Window對(duì)象的屬性如下表所示。屬性說(shuō)明Closed返回窗口是否已被關(guān)閉defaultStatus設(shè)置或返回窗口狀態(tài)欄中的默認(rèn)文本對(duì) 對(duì)象的 ，表示窗口中的文檔History對(duì)History對(duì)象的 ，表示窗口的瀏覽歷史記錄Innerheight返回窗口的文檔顯示區(qū)的高度Innerwidth返回窗口的文檔顯示區(qū)的寬度location對(duì)Location對(duì)象的 ，表示在瀏覽器窗口的地址欄中輸入的URLWindow對(duì)象的屬性name設(shè)置或返回窗口的名稱(chēng)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ì)象的方法Window對(duì)象的方法如下表所示。方法說(shuō)明alert()彈出一個(gè)警告框blur()把鍵盤(pán)焦點(diǎn)從頂層窗口移開(kāi)clearInterval()取消由setInterval()設(shè)置的timeoutclearTimeout()取消由setTimeout()方法設(shè)置的timeoutclose()關(guān)閉瀏覽器窗口confirm()顯示一個(gè)請(qǐng)求確認(rèn) 框，包含一個(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)Window對(duì)象的方法open()打開(kāi)一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口print()打印當(dāng)前窗口的內(nèi)容prompt()顯示可提示用戶輸入的

框pageYOffset設(shè)置或返回當(dāng)前頁(yè)面相對(duì)于窗口顯示區(qū)左上角的Y位置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á)式window.setTimeout(code,millisec)要執(zhí)行的JavaScript代碼串執(zhí)行代碼前需要等待的秒數(shù)對(duì)象的屬性對(duì)象對(duì)象是常用的JavaScript對(duì)象，用于管理網(wǎng)頁(yè)文檔。如下表所示。屬性說(shuō)明title設(shè)置文檔標(biāo)題。等價(jià)于HTML的titlebgColor設(shè)置頁(yè)面背景色fgColor設(shè)置前景色linkColor未點(diǎn)擊過(guò)的

顏色alinkColor激活 的顏色vlinkColor已點(diǎn)擊過(guò)的

顏色URL返回當(dāng)前文檔的URLfileC