【正文】 } /script/headbody h1Result/h1 請輸入查詢詞：input type=text id=search1 name=search1 width=10 button onclick=processing()。 ()。 }。!DOCTYPE htmlhtmlhead lang=en meta charset=UTF8 script var worker = new SharedWorker()。 } } postMessage(result1)。i++) { if (intArray[i]%5==0) { if (result1!=) result1+=。 for (var i=0。 var intArray=(。/script /body/html// JavaScript Document，onmessage = function(myevent) { var result1=。 (result).innerHTML=。 = function(myevent) { //alert(0)。 var myWorker=new Worker()。 } //alert(intStr)。 if (i!=0) intStr+=。i10。 var intStr=。2．操作題（1）使用Web Worker設(shè)計多線程的網(wǎng)頁頁面，前臺向后臺線程發(fā)送10個0~200的隨機數(shù)；后臺線程接收數(shù)據(jù)后，選出其中5的倍數(shù)，并將數(shù)據(jù)發(fā)送至前端頁面；由前端頁面在一個span元素中顯示。 該方法第一個參數(shù)用于指定后臺線程文件的URL地址，該腳本文件中定義了在后臺線程中所要執(zhí)行的處理，第二個參數(shù)為可選參數(shù)，用于指定Worker的名稱。代碼如下。SharedWorker也是Worker，但多個頁面可以共用一個SharedWorker后臺線程，并且可通過該后臺線程共享數(shù)據(jù)。(message)。使用Worker對象的postMessag()方法來發(fā)送消息，代碼如下。 //消息處理，},false)。=function(event) { //消息處理，} 第2種方法，使用addEventListener()方法對message事件進行監(jiān)聽。第1種方法，通過獲取Worker對象的onmessage事件的句柄可以在后臺線程中接收消息，代碼如下。通過發(fā)送和接收消息來實現(xiàn)前面頁面與后臺線程互相傳遞數(shù)據(jù)。Web Workers常用的方法和事件下表所示。HTML5的Web Workers API中的方法和事件就是對上面的功能進行了封裝。)。 loadStorage(39。 alert(全部數(shù)據(jù)被清除。 = result。/table39。/td/tr39。/tdtd39。trtd39。 var datestr = ()。 var date= new Date()。 //alert(key)。i 。table border=139。)。 loadStorage(39。 alert(數(shù)據(jù)已保存。 //alert(time)。 /script/body/html//function saveStorage(id){ var data = (id).value。 } else { localStorage [counter]++。（3）參考使用localStorage實現(xiàn)的電話簿程序，使用localStorage創(chuàng)建一個留言本，實現(xiàn)增加、查找和顯示功能，如圖97所示。 } (content).innerHTML=刷新次數(shù) +(counter)。!DOCTYPE HTMLhtmlheadmeta charset=utf8titlelocalStorage文檔/title/headbody h3Session計數(shù)器/h3 div id=content/div p hr/ script language=javascript if(!localStorage [counter]){ localStorage [counter]=0。語法格式(index)。(key)。刪除數(shù)單個數(shù)據(jù)需要指明刪除的key值，形式如下。同一網(wǎng)站的網(wǎng)頁可以訪問sessionStorage數(shù)據(jù)臨時保存在session對象中，在網(wǎng)頁瀏覽期間存續(xù)，網(wǎng)頁關(guān)閉，數(shù)據(jù)丟失僅對當前瀏網(wǎng)頁可以訪問（5）Web Storage API有哪些常用方法，功能是什么？sessionStorage和localStorage可使用的API都相同，其功能包括保存數(shù)據(jù)、讀取數(shù)據(jù)、刪除數(shù)據(jù)、得到索引的key值等。兩者的主要差異在于數(shù)據(jù)的保存周期和有效范圍，如下所示。（4）Web Storage API中的localStorage和sessionStorage區(qū)別是什么？Web Storage提供兩種方式將數(shù)據(jù)保存在客戶端：一種是localStorage，另一種是sessionStorage。在一些Web服務(wù)器上可能需要配置對manifest文件的支持，保存后需要重新啟動Web服務(wù)器。 文件編碼必須是utf8。 FALLBACK：在此選項下列出的文件當頁面無法訪問時，使用備用的資源文件。 *是文件通配符，代表除了在CACHE中指明的文外件，所有其他文件都不緩存，需要從Web服務(wù)器獲得。在離線時，Web應(yīng)用程序需要能夠把數(shù)據(jù)存儲到本地，以便以后在線時可以同步到Web服務(wù)器上。在支持離線的Web應(yīng)用程序中，瀏覽器應(yīng)該判斷在線或離線的狀態(tài)，并做出對應(yīng)的處理。在HTML5中，通過manifest文件清單指明需要緩存的資源。當處于在線狀態(tài)時，下載這些文件并緩存到本地。（2）開發(fā)離線Web應(yīng)用程序需要哪些步驟？①離線資源緩存。上面的過程主要面向Web服務(wù)器在線的情況，如果支持離線應(yīng)用程序的Web服務(wù)器不在線時，瀏覽器就會使用已經(jīng)下載到本地緩存中的文件，從而在離線狀態(tài)下運行Web應(yīng)用程序。l 如果不是第1次訪問Web服務(wù)器，并且manifest文件沒有被修改，Web應(yīng)用將使用本地被緩存的文件?？煞譃橐韵?種情況。③瀏覽器解析返回的文檔，處理或顯示從Web服務(wù)器返回的資源文件。①客戶端瀏覽器中輸入要訪問頁面的URL地址，向該地址指向的Web服務(wù)器發(fā)出請求。離線Web應(yīng)用指的是瀏覽器訪問服務(wù)器的過程中，當服務(wù)器無法連接時，Web應(yīng)用仍然可以運行。參考示例81完成。參考示例83完成。屬性描述latitude當前地理位置的緯度信息longitude當前地理位置的經(jīng)度信息accuracy經(jīng)度和緯度的準確度，是監(jiān)測的位置與實際位置的誤差范圍（以米為單位）altitude當前地理位置的海拔高度(以米為單位)altitudeAccurancy獲取到的海拔高度的精度(以米為單位)heading設(shè)備的前進方向，用面朝正北方向的順時針旋轉(zhuǎn)角度來表示timestamp獲取地理位置信息的時間信息這些屬性封裝（3）Geolocation API的getCurrentPosition()和watchPosition()方法有什么區(qū)別？getCurrentPosition()用來獲取用戶當前位置的地理信息，watchPosition()可以監(jiān)聽和跟蹤用戶的地理位置信息，可以在地圖上持續(xù)標記用戶的活動路徑、計算移動距離等。在Geolocation API的Position對象（或這個對象的屬性）中，有地理位置信息的屬性及描述。一些Web應(yīng)用提供一個接口讓用戶輸入地址、郵政編碼或選擇所在的區(qū)域，可以使用這些信息獲得位置信息，這樣就可以避免誤差范圍太大或延遲時間太久，這也是一種實用的定位方法。根據(jù)用戶與移動電話基站或無線WiFi熱點的距離，通過三角定位的方式來獲取位置信息，優(yōu)點是定位速度較快，而且不需要配備精密的GPS芯片，缺點則是定位較粗略，誤差范圍可能是幾米到幾千米。GPS定位較準確，它利用設(shè)備上的GPS芯片進行定位，誤差范圍可以縮小到幾米之內(nèi)。通過IP地址獲取位置信息通常對有固定IP地址的設(shè)備很有效，但有時不夠準確。stroke:black。stroke:black。圖716 投影效果svg width=230 height=230 defs //定義線性漸變Grad1，默認水平方向 linearGradient id=Grad1 stop offset=0% stopcolor=black/ stop offset=50% stopcolor=yellow stopopacity=/ stop offset=100% stopcolor=red/ /linearGradient //復(fù)用線性漸變方案Grad1，定義垂直方向線性漸變Grad2和角形漸變Grad3 linearGradient id=Grad2 x1= y1= x2= y2= xlink:href=Grad1/ linearGradient id=Grad3 x1= y1= x2= y2= xlink:href=Grad1/ linearGradient id=Grad4 x1= y1= x2= y2= xlink:href=Grad1/ linearGradient id=Grad5 x1= y1= x2= y2= xlink:href=Grad1/ /defs //分別使用3種漸變對象，填充3個圖形的內(nèi)部和邊框 rect x=10 y=10 rx=15 ry=15 width=100 height=100 fill=url(Grad2)/ rect x=130 y=10 rx=15 ry=15 width=100 height=100fill=url(Grad3)/ rect x=10 y=120 rx=15 ry=15 width=100 height=100fill=url(Grad4)/ rect x=130 y=120 rx=15 ry=15 width=100 height=100fill=url(Grad5)//svg（3）使用feGaussianBlur元素，并結(jié)合translate、skewX等函數(shù)為圖形定義經(jīng)過高斯模糊的投影效果，如圖73所示。 transform=translate(70,0) scale()/ use xlink:href=house style=fill:00f。strokewidth:2 descFemale human/desc circle cx=20 cy=56 r=10/ polyline points=20 66,20 80,10 90,30 90,20 80/ line x1=14 y1=104 x2=18 y2=90/ line x1=22 y1=90 x2=26 y2=104/ polyline points=11 70,20 76,29 70/ /g /defs use xlink:href=house style=fill:f00。strokewidth:2 descMale human/desc circle cx=15 cy=56 r=10/ line x1=15 y1=66 x2=15 y2=80/ polyline points=6 104,15 80,24 104/ polyline points=6 70,15 76,24 70/ /g //定義組合圖形女人 g id=woman style=fill:none。strokewidth:2 descHouse with door/desc rect x=6 y=50 width=60 height=60/rect polyline points=6 50,36 9,66 50/ polyline points=36 110,36 80,50 80,50 110/ /g //定義組合圖形男人