【文章內(nèi)容簡介】 發(fā)該事件，同時當在select表格項中一個選項狀態(tài)改變后也會引發(fā)該事件。例： Form Input type=text name=Test value=Test onCharge=check(39。) /Form （3）選中事件onSelect 當Text或Textarea對象中的文字被加亮后，引發(fā)該事件。 （4）獲得焦點事件onFocus 當用戶單擊Text或textarea以及select對象時，產(chǎn)生該事件。此時該對象成為前臺對象。 （5）失去焦點onBlur 當text對象或textarea對象以及select對象不再擁有焦點、而退到后臺時，引發(fā)該文件，它與onFocas事件是一個對應(yīng)的關(guān)系。 （6）載入文件onLoad 當文檔載入時，產(chǎn)生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值，并用一個變量為其賦值，使它可以被源代碼使用。 （7）卸載文件onUnload 當Web頁面退出時引發(fā)onUnload事件，并可更新Cookie的狀態(tài)。 AJAX技術(shù) AJAX技術(shù)簡介Ajax不是一個技術(shù)，它實際上是幾種技術(shù)，每種技術(shù)都有其獨特這處，合在一起就成了一個功能強大的新技術(shù)。Ajax包括:u HTML和CSSu 使用文檔對象模型(Document Object Model)作動態(tài)顯示和交互u 使用XML和XSLT做數(shù)據(jù)動態(tài)進行交互和操作u 使用XMLHttpRequest進行異步數(shù)據(jù)接收u 使用JavaScript將它們綁定在一起Ajax的優(yōu)點:u 適用不同瀏覽器和跨平臺的能力u Ajax應(yīng)用使用開放標準的技術(shù)，而不用使用專用軟件u 開發(fā)花費小u 代碼能夠優(yōu)化和分開u 更豐富的交互。u 刷新等待的時間短、更快的速度u Ajax被廣泛的采用u 與其他技術(shù)的無縫連接 AJAX工作原理在客戶端的AJAX應(yīng)用有三層組成：第一層，用戶界面，第二層，JavaScript代碼，第三層，AJAX引擎。在用戶界面這一層中要用到XHTML, CSS和DOM。XHTML通過標簽來顯示網(wǎng)頁的內(nèi)容。CSS通過消除網(wǎng)頁的冗余提供網(wǎng)頁內(nèi)容和樣式的顯示。CSS在不同的文件中的規(guī)則不同在實現(xiàn)。DOM規(guī)范提供一種方法進行網(wǎng)頁內(nèi)容的動態(tài)訪問，樣式的更新和結(jié)構(gòu)的變化。當客戶端所有的被重載時。事件接聽器和XHR被創(chuàng)建和激活。用戶的交互產(chǎn)生事件，事件被叫做事件接聽器的JavaScript函數(shù)捕捉，如果事件有特殊的代碼要執(zhí)行，那么這些事件將被不同的JavaScript函數(shù)執(zhí)行。第二副圖顯示這一過程。在這一個例子中，事件接聽器把數(shù)據(jù)發(fā)給更新函數(shù)，這些函數(shù)利用DOM和CSS來更新內(nèi)容，顯示形式或者數(shù)據(jù)結(jié)構(gòu)。這不是一個外部調(diào)用，這只是在客戶端而且結(jié)果立刻顯示出來。在第二種情況中，事件接聽器把數(shù)據(jù)傳給XHR，XHR對象的創(chuàng)建在不同的瀏覽器的不同而不同，IE用Active Object,類。Frefox和Safari用XMLHttpRequest對象。雖然這些有不同的方法，但是結(jié)果相同。XHR通過HTTP或者HTTPS協(xié)議異步的給服務(wù)器發(fā)送請求。當HTTP請求被服務(wù)器端處理時，他被分成物五種狀態(tài)：未被接受，正在轉(zhuǎn)載，轉(zhuǎn)載完成。交互，結(jié)束。XHR對象通過事件來告訴我們各個狀態(tài)的變化。當服務(wù)器端在處理網(wǎng)絡(luò)應(yīng)用的時候，數(shù)據(jù)的驗證是必要的。特別是要訪問數(shù)據(jù)庫時尤其重要。數(shù)據(jù)庫和網(wǎng)絡(luò)應(yīng)用可以通過訪問控制，密碼，和用戶規(guī)則來加以保護。當數(shù)據(jù)庫返回新的數(shù)據(jù)給網(wǎng)絡(luò)應(yīng)用時，數(shù)據(jù)被轉(zhuǎn)化為特定的形式（HTML，XTHML等等）。然后網(wǎng)絡(luò)應(yīng)用給客戶端的XHR對象回復(fù)。當回復(fù)結(jié)束時，狀態(tài)變?yōu)橥瓿桑琗HR把回復(fù)結(jié)果發(fā)給JavaScript函數(shù)來解析。數(shù)據(jù)通過特定的數(shù)據(jù)結(jié)構(gòu)更新函數(shù)通過DOM和CSS將數(shù)據(jù)加到網(wǎng)頁中。在這個模型中，具有簡潔的代碼和單獨的JavaScript函數(shù)完成。圖 : 傳統(tǒng)Web應(yīng)用的同步交互過程(上)和Ajax應(yīng)用的異步交互過程的比較(下). 點和直線的生成算法點和直線是描繪圖形的最基本和最常用的元素，許多復(fù)雜的圖形都是由點和直線段構(gòu)成的。在數(shù)學上，點是一個抽象的坐標位置，沒有面積或大小。數(shù)學上定義的直線是由無數(shù)個點構(gòu)成的。它只有長度而沒有寬度。在光柵圖形中，點是由有一定大小和面積的像素來表示的；而由掃描轉(zhuǎn)換得到的直線段，則是在有限個像素構(gòu)成的陣列中確定的最佳逼近該直線段的一個像素序列。 由于光柵顯示器的特點，是得除了特殊的情況外，不可能從離散單元中一個像素到另一個像素直接畫一條精確的直線。直線只能用一系列靠近直線的像素近似表示。只有當直線是水平，豎直或者45度時，它才是像素組成的直線，其他指向都成階梯狀。這種現(xiàn)象稱為走樣或者鋸齒現(xiàn)象。 根據(jù)光柵圖形的特點，為直線的生成設(shè)計繪制算法應(yīng)該滿足一下4個要求：(1) 所繪制的直線應(yīng)該是直的，不應(yīng)出現(xiàn)階梯效應(yīng)。(2) 所繪制的直線應(yīng)該具有精確的起點和終點。(3) 所顯示的亮度或顏色應(yīng)該在其長度上是均勻不變的，與直線的長度和方向無關(guān)。(4) 直線生成的速度要快。第三章 交互式圖形繪制處理系統(tǒng)的原理及若干關(guān)鍵技術(shù)分析 AJAX工作流程 初始化對象并發(fā)出XMLHttpRequest請求為了讓JavaScript可以向服務(wù)器發(fā)送HTTP請求，必須使用XMLHttpRequest對象。使用之前，要先將XMLHttpRequest對象實例化。但是各個瀏覽器對這個實例化過程實現(xiàn)不同，為了讓編寫的程序能夠跨瀏覽器運行，可以寫成：If(window. XMLHttpRequest){ XMLHttpReq=new XMLHttpRequest()。} else if(){ try{ XMLHttpReq=new ActiveXObject(“”)。 }catch(e){ try{ XMLHttpReq=newActiveXObject(“Microsoft. XMLHTTP”)。 }catch(e){} } } 指定響應(yīng)處理函數(shù)接下來要指定當服務(wù)器返回信息時客戶端的處理方式。只要將相應(yīng)的處理函數(shù)名稱賦給XMLHttpRequest對象的onreadystatechange屬性就可以了。比如：XMLHttpReq. Onreadystatechange＝function（）{}； 發(fā)出HTTP請求指定相應(yīng)處理函數(shù)之后，就可以向服務(wù)器發(fā)出HTTP請求了。這一步調(diào)用XMLHttpRequest對象的open和send方法。（”GET”,url,true）；（null）； 處理服務(wù)器返回的信息在第二步我們已經(jīng)指定了響應(yīng)處理函數(shù)，這一步是用來描述處理函數(shù)具體應(yīng)該做的事情。首先，它要檢查XMLHttpRequest對象的readyState值，判斷請求目前的狀態(tài)。當readyState值為4的時候，代表服務(wù)器已經(jīng)傳回所有的信息，可以開始處理信息并更新頁面內(nèi)容了。例如：if(==4){//信息已經(jīng)返回，可以開始處理}else{//信息還沒有返回，等待}服務(wù)器返回信息后，還需要判斷返回的HTTP狀態(tài)碼，確定返回的頁面沒有錯誤。其中，200代表頁面正常，基本程序結(jié)構(gòu)如下：if(==200){//頁面正常，可以開始處理信息}else{//頁面有問題} XMLHttpReq