版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)
文檔簡介
目錄離線應(yīng)用根底檢測本地緩存的更新狀態(tài)實例11-4：開發(fā)一個離線留言系統(tǒng)實例11-1：簡單的離線應(yīng)用程序?qū)嵗?1-2：檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)實例11-3：online、offline事件檢測當(dāng)前網(wǎng)絡(luò)狀態(tài)綜合實例——開發(fā)一個離線式日歷提醒系統(tǒng)1離線應(yīng)用根底離線Web應(yīng)用程序可以在無法連接Web效勞器時運行，它的工作原理如下：當(dāng)應(yīng)用程序與效勞器建立聯(lián)系時，瀏覽器會在本地緩存所有URL清單中的資源文件。當(dāng)應(yīng)用與效勞器失去聯(lián)系時，瀏覽器會調(diào)用緩存的文件來支撐Web應(yīng)用程序的正常運行。離線Web應(yīng)用程序核心元素如右圖所示。右圖中的DB并不是指效勞器端的數(shù)據(jù)庫，而是指本地數(shù)據(jù)庫，例如SQLite、IndexedDB等。Manifest是一個文件，是離線Web應(yīng)用程序的強制性部署描述符組件，它列舉了需要加載的文件。離線Web應(yīng)用程序核心元素1離線應(yīng)用根底11.1.1開發(fā)離線應(yīng)用程序在開發(fā)支持離線Web的應(yīng)用程序時，開發(fā)者通常需要完成下面幾項工作：離線資源緩存：需要一種方式來指明應(yīng)用程序離線工作時所需的資源文件。這樣，瀏覽器才能在在線狀態(tài)時，將這些文件緩存到本地。此后，當(dāng)用戶離線訪問應(yīng)用程序時，這些資源文件會自動加載，從而讓用戶正常使用。HTML5中，通過cachemanifest文件指明需要緩存的資源，并支持自動和手動兩種緩存更新方式，將在11.2節(jié)中進行介紹。在線狀態(tài)檢測：開發(fā)者需要知道瀏覽器是否在線，這樣才能夠針對在線或離線的狀態(tài)，做出對應(yīng)的處理。在HTML5中，提供了兩種檢測當(dāng)前網(wǎng)絡(luò)是否在線的方式，將在實例11-1和實例11-2中進行介紹。本地數(shù)據(jù)存儲：離線時，需要能夠把數(shù)據(jù)存儲到本地，以便在線時同步到效勞器上。為了滿足不同的存儲需求，HTML5提供了DOMStorage和WebSQLDatabase兩種存儲機制。前者提供了易用的key/value對存儲方式，而后者提供了根本的關(guān)系數(shù)據(jù)庫存儲功能。1離線應(yīng)用根底11.1.1開發(fā)離線應(yīng)用程序具體實現(xiàn)根本流程如下：編寫一個manifest類型的文件，列出需要通過瀏覽器緩存至本地的資源性文件。開發(fā)一個Web頁面，通過<html>元素的“manifest〞屬性將manifest文件與頁面綁定。對效勞器端進行配置，使其能讀取manifest類型的文件。1離線應(yīng)用根底11.1.2manifest文件詳解在移動Web頁面應(yīng)用中，為了能在離線狀態(tài)下繼續(xù)訪問Web應(yīng)用，需要將緩存文件的URL寫入manifest文件中。當(dāng)瀏覽器與效勞器建立聯(lián)系后，瀏覽器就會根據(jù)manifest文件所列的緩存清單，將相應(yīng)的資源文件緩存在本地。manifest文件可以實現(xiàn)如下管理功能：需要保存哪些文件不需要保存哪些文件在線與離線時需要調(diào)用哪些文件在具體應(yīng)用時，使用文本文件的編輯器就可以新建一個manifest文件，在保存時需要將擴展名設(shè)置為“.manifest〞即可。1離線應(yīng)用根底例如，以下代碼新建了一個manifest文件。CACHEMANIFESTCACHE:#下面列出了帶有相對路徑的資源文件Js0.jscss0.cssImages/img0.jpgImages/img1.pngNETWORK:#下面列出了在線時需要訪問的資源文件Index.jspOnline.doFALLBACK:#以成對形式列出不可訪問文件的替補資源文件/Project/Index.jsp/BkProject/Index.jsp1離線應(yīng)用根底對上述代碼的具體說明如下所示。“CACHE:〞標(biāo)記：表示離線時瀏覽器需要緩存到本地的效勞器資源文件列表。當(dāng)為某個頁面編寫manifest類型文件時，不需要將該頁面放入列表中，因為瀏覽器在進行本地資源緩存時會自動緩存這個頁面。“NETWORK:〞標(biāo)記：表示在線時需要訪問的資源文件列表，這些文件只有在瀏覽器與效勞器之間建立聯(lián)系時才能訪問。如果設(shè)置為“*〞，表示除了在“CACHE：〞標(biāo)記中標(biāo)明需要緩存的文件之外都不進行本地緩存。“FALLBACK:〞標(biāo)記：表示以成對方式列出不訪問文件的替補文件。其中前者是不可訪問的文件，后者是替補文件，即當(dāng)“/Project/Index.jsp〞文件不可訪問時，瀏覽器會嘗試訪問“/BkProject/Index.jsp〞文件。1離線應(yīng)用根底在編寫manifest文件的代碼時，需要注意以下幾點：〔1〕在manifest文件中，第一行必須是“CACHEMANIFEST〞，說明這是一個通過瀏覽器將效勞器資源進行本地緩存的格式文件?！?〕在編寫注釋時需要另起一行，并且以“#〞開頭?！?〕manifest文件的內(nèi)容允許重復(fù)編寫分類標(biāo)記，即可以寫多個“CACHE：〞標(biāo)記或另外兩種標(biāo)記?！?〕如果沒有找到分類的標(biāo)記，那么都被視為“CACHE：〞標(biāo)記下的資源文件?！?〕建議通過注釋的方式標(biāo)明每一個manifest類型文件的版本號，以便于更新文件時使用。例如在上面的演示代碼中，“〞表示內(nèi)定的版本號。1離線應(yīng)用根底在創(chuàng)立完manifest類型文件后，就可以通過頁面中<html>元素的“manifest〞屬性，將頁面與manifest類型文件綁定起來。代碼如下：<htmlmanifest="tmp.manifest">這樣在瀏覽器中查看頁面時，會自動將manifest類型文件中所涉及的資源文件緩存在本地。1離線應(yīng)用根底11.1.3配置IIS效勞器完成manifest文件的創(chuàng)立并將該文件與Web頁進行了綁定后，接下來需要設(shè)置效勞器支持擴展名為“.mainfest〞的文件，否那么效勞器無法讀取mainfest類型的文件。接下來以Windows7系統(tǒng)為例，介紹配置IIS效勞器選項的過程?！?〕進入Win7的控制面板，單擊“程序和功能〞選項，在彈出的對話框中單擊左側(cè)的“翻開或關(guān)閉Windows功能〞項。〔2〕在安裝Windows功能的選項菜單，將Internet信息效勞的所有組件全部勾起來。〔3〕安裝完成后，再次翻開控制面板，翻開管理工具，單擊Internet信息效勞〔IIS〕管理器。〔4〕在彈出的對話框中，依次單擊左邊的“網(wǎng)站〞→“默認網(wǎng)站〞選項，然后雙擊右側(cè)IIS組的“MIME〞類型圖標(biāo)。查看是否存在“.manifest〞類型，如果已經(jīng)存在將其值改為“text/cache-manifest〞即可。1離線應(yīng)用根底〔5〕如果不存在“.manifest〞類型那么在空白處右擊鼠標(biāo)，在彈出的快捷菜單中選擇“添加〞選項，會彈出新建文件類型的對話框。在對應(yīng)的“文件擴展名〞文本框中輸入“.manifest〞，在“MIME類型〞文本框中輸入“text/cache-manifest〞。單擊“確定〞按鈕，此時便完成了擴展名為“.manifest〞文件類型的創(chuàng)立。通過上述實現(xiàn)步驟，成功為IIS創(chuàng)立了一個擴展名為“.manifest〞的文件類型，使效勞器能夠支持manifest文件，實現(xiàn)對應(yīng)站點下Web頁離線訪問的功能。2檢測本地緩存的更新狀態(tài)瀏覽器第一次訪問Web應(yīng)用程序時將manifest文件中指定的文件保存在本地緩存中，并在manifest文件內(nèi)容變化時更新緩存，而需要緩存的資源文件的內(nèi)容變化時，那么需要手動更新緩存。在HTML5標(biāo)記語言中，applicationCache對象表示本地緩存。開發(fā)離線應(yīng)用程序時，通過調(diào)用該對象的onUpdateReady事件來監(jiān)測本地緩存是否更新完成。在當(dāng)前有如下兩種手動更新本地緩存的方法：直接調(diào)用applicationCache對象的update()方法具體調(diào)用格式如下：window.applicationCache.update()2檢測本地緩存的更新狀態(tài)在onUpdateReady事件中調(diào)用swapCache()方法如果與頁面綁定的manifest文件的內(nèi)容發(fā)生變化時，將會引起本地緩存的更新而觸發(fā)updateready事件。基于此特征，可以在updateready事件中編寫實時監(jiān)測本地緩存是否完成更新的代碼。swapCache()方法與update()方法的功能都是更新本地緩存，兩者有一些不同：更新本地緩存的時間不一樣：swapCache()方法要早于update()方法將本地的緩存進行更新，swapCache()方法是將本地緩存立即更新。在移動Web頁面應(yīng)用中，無論是使用哪種方法，當(dāng)前執(zhí)行的頁面都不會立即顯示本地緩存更新后的頁面效果，都要重新加載一次或手動刷新頁面后才能發(fā)揮作用。觸發(fā)事件不一樣：必須在updateready事件中才能調(diào)用swapCache()方法，而update()方法隨時可以調(diào)用。3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序在本實例的具體實現(xiàn)流程如下：〔1〕新建一個HTML5頁面，當(dāng)瀏覽該頁面時，通過JS文件js1.js來獲取效勞器時間，并按照指定的時間格式動態(tài)地顯示在頁面中?！?〕當(dāng)中斷與效勞器的聯(lián)系再次瀏覽該頁面時，仍然可以在頁面中動態(tài)地顯示時間。實例文件11-1.html的具體實現(xiàn)代碼如下：<!DOCTYPEhtml><htmlmanifest="1.manifest"><head><metacharset="utf-8"/><title>開發(fā)一個簡單離線應(yīng)用</title><scripttype="text/JavaScript"language="jscript"src="js1.js"/>3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序</script></head><body><fieldset><legend>簡單離線例如</legend><outputid="time">正在獲取當(dāng)前時間...</output></fieldset></body></html>3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序function$$(id){returndocument.getElementById(id);}//獲取當(dāng)前格式化后的時間并顯示在頁面上functiongetCurTime(){ vardt=newDate(); varstrHTML="當(dāng)前時間是"; strHTML+=RuleTime(dt.getHours(),2)+":"+ RuleTime(dt.getMinutes(),2)+":"+ RuleTime(dt.getSeconds(),2); $$("time").value=strHTML;}JS文件js1.js自定義了兩個函數(shù)，分別用于獲取系統(tǒng)時間與格式化顯示的時間。其具體實現(xiàn)代碼如下：3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序//轉(zhuǎn)換時間顯示格式functionRuleTime(num,n){ varlen=num.toString().length; while(len<n){ num="0"+num; len++; } returnnum;}//定時執(zhí)行setInterval(getCurTime,1000);3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序CACHEMANIFESTCACHE:js1.js另外，在11-1.html頁面中通過<html>元素的“manifest〞屬性綁定了一個“manifest〞類型文件l.manifest，在此文件中列舉了效勞器需要緩存至本地的代碼。其具體代碼如下：在上述代碼中緩存了兩個資源文件，分別是jsl.js和11-l.html本身。因為使用了本地緩存，所以使瀏覽器與效勞器之間的數(shù)據(jù)交互按照如下步驟進行：〔1〕瀏覽器：請求訪問文件11-l.html。〔2〕效勞器：返回文件11-l.html。3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序〔3〕瀏覽器：解析返回的文件11-l.html，請求效勞器返回文件11-l.html所包含的全部資源性文件，包括文件l.manifest。〔4〕效勞器：返回瀏覽器所請求的所有資源文件?！?〕瀏覽器：解析返回的文件l.manifest，請求返回URL清單中的資源文件?！?〕效勞器：再次返回URL清單中的資源文件?！?〕瀏覽器：更新本地緩存，將新獲取的URL清單中的資源文件更新至本地緩存中。在進行更新過程中會觸發(fā)onUpdateReady事件，表示完本錢地緩存的更新工作?！?〕瀏覽器再次查看訪問文件11-l.html的頁面，如果文件l.manifest沒有發(fā)生變化，那么直接調(diào)用本地的緩存以響應(yīng)用戶的請求，從而實現(xiàn)離線訪問頁面的功能。3實
例11-1
簡
單
的
離
線
應(yīng)
用
程
序本實例執(zhí)行后的效果如以下圖所示。執(zhí)行效果4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)開發(fā)瀏覽器與效勞器在數(shù)據(jù)交互時的離線應(yīng)用程序，必須獲取應(yīng)用的在線狀態(tài)。只有檢測出頁面的在線狀態(tài)，才能在離線后將數(shù)據(jù)保存在本地，在上線時將本地數(shù)據(jù)同步至效勞器，從而實現(xiàn)離線數(shù)據(jù)交互功能。在HTML5標(biāo)記語言中，可以通過訪問onLine屬性和觸發(fā)online事件的方法分別檢測應(yīng)用是否在線。onLine屬性是一個布爾值，當(dāng)值為true時表示在線，否那么表示離線。如果當(dāng)前的網(wǎng)絡(luò)狀態(tài)發(fā)生了變化，屬性onLine的值就會隨之發(fā)生變動。基于此，可以通過獲取屬性onLine的值來檢測當(dāng)前網(wǎng)絡(luò)的狀態(tài)，確定應(yīng)用是否在線或離線，從而可以編寫出不同的代碼。4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)在移動Web頁面應(yīng)用中，navigator是一個獨立的對象，用于向用戶返回瀏覽器和操作系統(tǒng)的相關(guān)信息，所有信息都是以navigator對象的屬性方式進行調(diào)用的。在日常的代碼開發(fā)過程中，除使用onLine屬性檢測當(dāng)前瀏覽器的在線模式外，navigator對象還有其他一些常用的屬性，如下表所示。navigator對象中常用屬性4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)在本實例的實現(xiàn)文件是11-2.html，具體實現(xiàn)流程如下：〔1〕新建一個HTML5頁面，設(shè)置在頁面加載時調(diào)用onLine屬性。〔2〕如果屬性onLine的值為true，那么在頁面中顯示“在線〞字樣，否那么顯示“離線〞字樣。實例文件11-2.html的具體實現(xiàn)代碼如下：<!DOCTYPEhtml><htmlmanifest="2.manifest"><head><metacharset="utf-8"/><title>通過onLine屬性檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)</title><scripttype="text/JavaScript"language="jscript"src="js2.js"/>4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)</script></head><bodyonLoad="pageload();"><fieldset><legend>通過onLine屬性檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)</legend><pid="pStatus"></p></fieldset></body></html>4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)function$$(id){returndocument.getElementById(id);}//自定義頁面加載時調(diào)用的函數(shù)functionpageload(){if(navigator.onLine){Status_Handle("在線");}else{Status_Handle("離線");}}JavaScript文件js2.js中自定義了函數(shù)pageload()。其功能是根據(jù)“onLine〞屬性檢測當(dāng)前網(wǎng)絡(luò)的狀態(tài)，在頁面加載時調(diào)用。文件js2.js的具體實現(xiàn)代碼如下：4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)//自定義顯示執(zhí)行過程中狀態(tài)的函數(shù)functionStatus_Handle(message){$$("pStatus").style.display="block";$$("pStatus").innerHTML=message;}在上述代碼中，通過調(diào)用navigator對象的屬性onLine來檢測當(dāng)前瀏覽器的在線模式。如果為“true〞表示在線，否那么表示離線。4實例11-2
檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)CACHEMANIFESTCACHE:js2.js再看manifest文件2.manifest，功能是列舉效勞器需要緩存至本地的文件清單，具體實現(xiàn)代碼如下：執(zhí)行后的效果如以下圖所示。執(zhí)行效果5實
例
11-3
o事
n件
l檢
I測
n當(dāng)
e前
、網(wǎng)
o絡(luò)
f狀
f態(tài)
l大
I大
n大e大使用navigator對象中的onLine屬性來檢測當(dāng)前網(wǎng)絡(luò)的狀態(tài)時，因為該屬性有滯后性，所以不能及時反響當(dāng)前網(wǎng)絡(luò)的變化狀態(tài)。為了解決這個問題，在HTML5中可以調(diào)用online與offline事件及時偵測網(wǎng)絡(luò)在線與離線的狀態(tài)。這兩個事件是基于body對象觸發(fā)的，以冒泡的方式傳遞給document、window對象，因此這兩個事件可以準(zhǔn)確及時地捕獲當(dāng)前瀏覽器的在線狀態(tài)。在本實例的實現(xiàn)文件是11-3.html，具體實現(xiàn)流程如下：〔1〕新建一個HTML5頁面，在瀏覽頁面的過程中，如果用戶有切換網(wǎng)絡(luò)連接狀態(tài)的操作，頁面將自動觸發(fā)online或offline事件?！?〕如果是連接網(wǎng)絡(luò)，那么在頁面中顯示“在線〞提示，否那么顯示“離線〞提示。5實
例
11-3
o事
n件
l檢
I測
n當(dāng)
e前
、網(wǎng)
o絡(luò)
f狀
f態(tài)
l大
I大
n大e大實例文件11-3.html的具體實現(xiàn)代碼如下：<!DOCTYPEhtml><htmlmanifest="she7.manifest"><head><metacharset="utf-8"/><title>通過online與offline事件檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)</title><scripttype="text/JavaScript"language="jscript"src="js3.js"/></script></head><body><fieldset><legend>通過online與offline事件檢測網(wǎng)絡(luò)的當(dāng)前狀態(tài)</legend><pid="pStatus">連接已經(jīng)斷開</p></fieldset></body></html>5實
例
11-3
o事
n件
l檢
I測
n當(dāng)
e前
、網(wǎng)
o絡(luò)
f狀
f態(tài)
l大
I大
n大e大再看JavaScript文件js3.js，設(shè)置當(dāng)頁面加載時調(diào)用函數(shù)pageload()為window對象添加“online〞事件和“offline〞事件。文件js3.js的具體實現(xiàn)的代碼如下所示。//JavaScriptDocumentfunction$$(id){returndocument.getElementById(id);}//自定義頁面加載時調(diào)用的函數(shù)functionpageload(){window.addEventListener("online",function(){Status_Handle("網(wǎng)絡(luò)連接正常");},false);5實
例
11-3
o事
n件
l檢
I測
n當(dāng)
e前
、網(wǎng)
o絡(luò)
f狀
f態(tài)
l大
I大
n大e大
window.addEventListener("offline",function(){Status_Handle("連接已經(jīng)斷開");},false);}//自定義顯示執(zhí)行過程中狀態(tài)的函數(shù)functionStatus_Handle(message){$$("pStatus").style.display="block";$$("pStatus").innerHTML=message;}因為本實例是通過事件機制捕獲網(wǎng)絡(luò)狀態(tài)的，所以只有在觸發(fā)online事件和offline事件時才能在頁面中展現(xiàn)提示信息。通常在手動或異常使網(wǎng)絡(luò)斷開后會觸發(fā)offline事件，翻開的頁面將自動偵測，無需刷新，并在頁面中顯示“連接已斷開〞的提示。在手動或自動重試的方式使網(wǎng)絡(luò)連接成功后，翻開的頁面也無需刷新，自動在頁面中顯示“網(wǎng)絡(luò)連接正常〞的提示。如果不觸發(fā)網(wǎng)絡(luò)斷開與連接的事件，那么不會在頁面中展示任何提示信息。5實
例
11-3
o事
n件
l檢
I測
n當(dāng)
e前
、網(wǎng)
o絡(luò)
f狀
f態(tài)
l大
I大
n大e大再看manifest文件she3.manifest，功能列舉效勞器需要緩存至本地的文件清單，具體實現(xiàn)代碼如下：CACHEMANIFESTCACHE:js3.js本實例執(zhí)行后的效果如以下圖所示。執(zhí)行效果6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)在HTML5網(wǎng)頁開發(fā)過程中，如果目標(biāo)對象僅僅是是簡單的靜態(tài)頁面，那么使用CacheManifest處理方法就可以實現(xiàn)離線頁面的訪問。但如果是數(shù)據(jù)交互型的離線應(yīng)用，不僅需要在離線時訪問頁面，而且還要支持數(shù)據(jù)在離線時的傳輸功能。要想數(shù)據(jù)在離線時也能與效勞器發(fā)生交互功能，通常的處理方式如下：用onLine屬性來檢測當(dāng)前的網(wǎng)絡(luò)狀態(tài)，如果是離線，那么先將交互的數(shù)據(jù)暫時存儲至本地，例如保存到localStorage對象或WebSQL數(shù)據(jù)庫中。在上線時將存儲的數(shù)據(jù)同步至效勞器，從而實現(xiàn)數(shù)據(jù)在離線時的交互功能。6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)下面通過一個演示實例來講解離線留言系統(tǒng)的開發(fā)方法。本實例的功能是創(chuàng)立一個HTML5頁面，無論是網(wǎng)絡(luò)在線或離線時都可以訪問頁面，并在文本框中輸入留言內(nèi)容。單擊“發(fā)表〞按鈕時，如果是在線狀態(tài)，將向效勞器與本地存儲對象同時寫入數(shù)據(jù)；如果是離線那么將數(shù)據(jù)保存在本地，等上線時再將存儲的數(shù)據(jù)同步至效勞器中。具體實現(xiàn)代碼如下：<!DOCTYPEhtml><htmlmanifest="4.manifest"><head><metacharset="utf-8"/><title>離線留言系統(tǒng)</title><linkhref="css.css"rel="stylesheet"type="text/css"><scripttype="text/JavaScript"language="jscript"src="js4.js"/></script></head>6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)<bodyonLoad="SynclocalData();"><ulid="ulMessage">
親，請稍等，正在讀取數(shù)據(jù)中...</ul><pclass="p4"><textareaid="txtContent"class="inputtxt"cols="37"rows="5"></textarea><br><inputid="btnAdd"type="button"value="發(fā)表"class="inputbtn"onClick="btnAdd_Click();"></p></body></html>6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)function$$(id){returndocument.getElementById(id);}//點擊"發(fā)表"按鈕時調(diào)用functionbtnAdd_Click(){//獲取文本框中的內(nèi)容varstrContent=$$("txtContent").value;//如果不為空，那么保存if(strContent.length>0){varstrKey=RetRndNum(4);varstrVal=strContent;然后編寫腳本文件js4.js，具體代碼如下所示。6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)if(navigator.onLine){ //如果在線向效勞器端增加數(shù)據(jù)AddServerData(strKey,strVal);}localStorage.setItem(strKey,strVal);}//重新加載SynclocalData();//清空原先內(nèi)容$$("txtContent").value="";}6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)//獲取保存數(shù)據(jù)并顯示在頁面中functionSynclocalData(){//標(biāo)題局部varstrHTML="<liclass='li_h'>";strHTML+="<spanclass='spn_a'>ID</span>";strHTML+="<spanclass='spn_b'>內(nèi)容</span>";strHTML+="</li>";//內(nèi)容局部for(varintI=0;intI<localStorage.length;intI++){//獲取Key值varstrKey=localStorage.key(intI);//過濾鍵名內(nèi)容6實
例11-4
開
發(fā)
一
個
離
線
留
言
系
統(tǒng)varstrVal=localStorage.getItem(strKey);strHTML+="<liclass='li_c'>";strHTML+="<spanclass='spn_a'>"+strKey+"</span>";strHTML+="<spanclass='spn_b'>"+strVal+
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 班級讀書日活動方案6篇
- 2024-2025學(xué)年四川省江油市太白中學(xué)高一上學(xué)期12月月考歷史試卷
- 2025年工程項目策劃安全生產(chǎn)合作協(xié)議書
- 2025年自動抄表系統(tǒng)項目立項申請報告模范
- 2025年工程機械部件項目立項申請報告模范
- 2025年眾籌平臺項目融資合同
- 2025年養(yǎng)殖園區(qū)合作經(jīng)營合作協(xié)議書
- 2025年農(nóng)村郵政服務(wù)合同樣本
- 2025年不銹鋼產(chǎn)品質(zhì)量保證合同
- 2025年麥田房產(chǎn)策劃交易保證金協(xié)議書
- 電器整機新產(chǎn)品設(shè)計DFM檢查表范例
- 樁基礎(chǔ)工程文件歸檔內(nèi)容及順序表
- 第四單元細胞的物質(zhì)輸入和輸出（單元教學(xué)設(shè)計）高一生物（人教版2019必修1）
- 《公路路基路面現(xiàn)場測試規(guī)程》(3450-2019)
- 不同產(chǎn)地半夏總生物堿含量測定
- 2023年新疆中考數(shù)學(xué)試卷真題及答案
- 生物必修2教學(xué)進度表
- 對北京古建筑天壇的調(diào)查報告
- 2023國民閱讀時間報告
- 四川省成都市武侯區(qū)2022-2023學(xué)年七年級下學(xué)期期末英語試卷（含答案）
- GB/T 42595-2023承壓設(shè)備修理基本要求
評論
0/150
提交評論