jquery從入門到精通圖書光盤-javascript概述

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

結JavaScript概述101JavaScript02JavaScript的作用JavaScript的基本特點03JavaScriptJavaScript是由Netscape

Communication

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

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

接在瀏覽器中運行時被解釋?；趯ο驤avaScript是一種基于對象的語言。這意味著它能運用自己已經(jīng)創(chuàng)建的對象。因此，許多功能可以來自于

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

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

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

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

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

）、RSS、Wiki百科全書（Wiki）、社會網(wǎng)絡（SNS）、即時信息（IM）和基于地理信息服務（LBS）等。編寫第一個JavaScript程序301

編寫JavaScript程序02

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

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

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

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

型的值轉(zhuǎn)換為

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

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

的錯誤；TypeError：處理不是預期變量類型的錯誤；URIError：處理發(fā)生在encodeURI()或decodeURI()中的錯誤；Function用于表示開發(fā)者定義的任何參數(shù)Math數(shù)學對象，用于數(shù)學計算Number原始數(shù)值的包裝對象，可以自動在原始數(shù)值和對象之間進行轉(zhuǎn)換RegExp用于完成有關正則表達式的操作和功能String字符串對象，用于處理字符串數(shù)組JavaScript提供了一系列內(nèi)置類，也稱為內(nèi)置對象。繼承是面象程序設計思想的重要機制。類可以繼承其他類的內(nèi)容，包括成員變量和方法。從一個類中繼承得到的子類具有多態(tài)性，即相同的函數(shù)名稱在不同的子類中有不同的實現(xiàn)。這就和

會從父母那里繼承到人類的共性，而也具有自己的特性是一個道理。元素1元素2元素3元素4元素5和操作有序數(shù)據(jù)集100“abc”true……數(shù)組數(shù)組概念數(shù)組（Array）就是一組數(shù)據(jù)的集合。數(shù)組是JavaScript中用來的數(shù)據(jù)結構。數(shù)字型數(shù)據(jù)字符串型數(shù)據(jù)型數(shù)據(jù)語法格式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ù)組對象名和已存在的變量重名使用不帶參數(shù)的構造函數(shù)可以定義一個空數(shù)組，在定義空數(shù)組后再向數(shù)組中添加數(shù)組元素。定義空數(shù)組新創(chuàng)建的數(shù)組對象名語法格式arrayObject

=

new

Array(size)var

arr

=

new

Array(3);arr[0]

=

1;arr[1]

=2;arr[2]

=

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

=

new

Array(element1,

element2,

element3,

...

)var

arr

=

new

Array(123,

"JavaScript",

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

=

new

Date()dateObj

=

new

Date(dateVal)dateObj

=

new

Date(year,

month,

date[,

hours[,

minutes[,

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

date

=new

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

newDate=new

Date();if

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

newDate=new

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

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

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

對象中月份(0~11)setFullYear()設置Date

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

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

對象中的小時(0~23)setMinutes()設置Date

對象中的分鐘(0~59)setSeconds()設置Date

對象中的秒鐘(0~59)setMilliseconds()設置Date

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

newstr=new

String(StringText)var

newstr=new

String("歡迎使用JavaScript

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

newstr="歡迎使用JavaScript

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

newString=new

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

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

這是一個字符串對象String對象名或字符串變量名prototype屬性可以為對象添加屬性和方法。prototype屬性語法=valuevar

str=new

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

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

BOM對象編程BOM對象瀏覽器對象模型（

ObjectModel）簡稱為BOM。瀏覽器對象模型提供了用戶與瀏覽器之間交互的對象以及操作的接口

。對象說明WindowBOM結構的最頂層對象，表示瀏覽器窗口用于管理HTML文檔，可以用來

頁面中的所有元素Frames表示瀏覽器窗口中的框架窗口。Frames是一個集合，例如Frames[0]表示窗口中的第1個框架History表示瀏覽器窗口的瀏覽歷史，即用戶 過的站點列表Location表示在瀏覽器窗口地址欄中輸入的URLNavigator包含客戶端瀏覽器的信息Screen包含客戶端顯示屏的信息BOM對象編程Window對象Window對象表示瀏覽器中一個打開的窗口。Window對象的屬性如下表所示。屬性說明Closed返回窗口是否已被關閉defaultStatus設置或返回窗口狀態(tài)欄中的默認文本對 對象的 ，表示窗口中的文檔History對History對象的 ，表示窗口的瀏覽歷史記錄Innerheight返回窗口的文檔顯示區(qū)的高度Innerwidth返回窗口的文檔顯示區(qū)的寬度location對Location對象的 ，表示在瀏覽器窗口的地址欄中輸入的URLWindow對象的屬性name設置或返回窗口的名稱navigator對Navigator對象的 ，表示客戶端瀏覽器的信息opener返回對創(chuàng)建此窗口的窗口的outerheight返回窗口的外部高度outerwidth返回窗口的外部寬度pageXOffset設置或返回當前頁面相對于窗口顯示區(qū)左上角的X位置pageYOffset設置或返回當前頁面相對于窗口顯示區(qū)左上角的Y位置parent返回父窗口screen對Screen對象的只讀 ，表示客戶端顯示屏的信息self返回對當前窗口的status設置窗口狀態(tài)欄的文本Top返回最頂層的先輩窗口window等價于self屬性，它包含了對窗口自身的screenLeft/screenX只讀整數(shù)，

了窗口的左上角在屏幕上的x坐標screenTop/screenY只讀整數(shù)，

了窗口的左上角在屏幕上的y坐標Window對象的方法Window對象的方法如下表所示。方法說明alert()彈出一個警告框blur()把鍵盤焦點從頂層窗口移開clearInterval()取消由setInterval()設置的timeoutclearTimeout()取消由setTimeout()方法設置的timeoutclose()關閉瀏覽器窗口confirm()顯示一個請求確認 框，包含一個“確定”按鈕和一個“取消”按鈕。在程序中，可以根據(jù)用戶的選擇決定執(zhí)行的操作createPopup()創(chuàng)建一個pop-up窗口focus()把鍵盤焦點給予一個窗口moveBy()相對窗口的當前坐標把它移動指定的像素moveTo()把窗口的左上角移動到一個指定的坐標Window對象的方法open()打開一個新的瀏覽器窗口或查找一個已命名的窗口print()打印當前窗口的內(nèi)容prompt()顯示可提示用戶輸入的

框pageYOffset設置或返回當前頁面相對于窗口顯示區(qū)左上角的Y位置resizeBy()按照指定的像素調(diào)整窗口的大小resizeTo()把窗口的大小調(diào)整到指定的寬度和高度scrollBy()按照指定的像素值來滾動內(nèi)容scrollTo()把內(nèi)容滾動到指定的坐標setInterval()按照指定的周期（以毫秒計算）來調(diào)用函數(shù)或計算表達式setTimeout()在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式window.setTimeout(code,millisec)要執(zhí)行的JavaScript代碼串執(zhí)行代碼前需要等待的秒數(shù)對象的屬性對象對象是常用的JavaScript對象，用于管理網(wǎng)頁文檔。如下表所示。屬性說明title設置文檔標題。等價于HTML的titlebgColor設置頁面背景色fgColor設置前景色linkColor未點擊過的

顏色alinkColor激活 的顏色vlinkColor已點擊過的

顏色URL返回當前文檔的URLfileC