【正文】 步到服務器上。 （ 2） 頁面文件中的內容 !DOCTYPE HTML html head titleClock/title link rel=stylesheet href= /head body pThe time is: output id=clock/output/p /body /html （ 3） 樣式單文件中的內容 output{ font:2em sansserif。 （ 6）引用 清單文件 要啟用某個應用的應用緩存，請在文檔的 html 標記中添加 manifest 屬性以引用 清單文件。 （ 1）自動更新 瀏覽器除了在第一次訪問 Web 應用時緩存資源外，只會在“ Cache Manifest”文件本身的內容發(fā)生變化時才會更新緩存中的對應的資源文件；但如果僅僅是“ Cache Manifest”文件中的相關資源文件發(fā)生變化瀏覽器并不會立即觸發(fā)更新行為 —— 比如開發(fā)人員修改了系統(tǒng)中的相關圖片資源或更改了 JavaScript 程序代碼，這些更改不會導致重新緩存，此時則需要在應用程序中通過代碼等方式手動 觸發(fā)更新或者通過修改“ Cache Manifest”文件的內容而產生自動觸發(fā)更新的效果。 function handleCacheError(e) { alert(39。是否需要重新加載更新后的版本？ 39。因此，開發(fā)者可以通過監(jiān)聽它們的 online/offline 事件來獲悉網絡狀態(tài)。 function newNote(){ var title = (請輸入你所需要增加的信息 )。 i++) { if([i].innerHTML == title){ ([i])。 function addDataItem(title){ if () { // 在線狀態(tài) addServerItem(title)。 i++) { addDataItem(addItems[i])。 } } } (online, SyncWithServer,false)。 if(allItems != ){ var items = (,)。 //和服務器同步添加操作 var str = (toAdd)。 getServerItems()函數將在后面列出。 (item)。 4) addUIItem 函數在頁面列表中添加一項，并指明 ondblclick 事件的處理函數是 remove，使得雙擊操作可以刪除便簽。因此，開發(fā) 者可以通過讀取該屬性的值來獲取網絡的當前連接狀態(tài) —— 在狀態(tài)查詢的代碼中不斷地識別。updateready39。 （ 2）主要的相關事件 applicationCache 對象的更新過程所觸發(fā)的事件主要是： 1) onchecking（檢查 manifest 文件是否存在） 2) onerror（其他和離線存儲有關的錯誤） 3) onnoupdate（返回 304 表示緩存名單沒有被更改，通知瀏覽器直接使用本地文件） 4) ondownloading（檢查到有 manifest 或者 manifest 文件已更新就執(zhí)行下載操作，開始重新下載緩存名單中列出的每個資源文件） 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 10/19 頁 10 5) onprogress（下載的時候周期性的觸發(fā)，可以通過它獲取已經下載的文件個數和多少文件仍然處于下載隊列等信息） 6) onupdateready（緩存名單中所有列出的資源被成功重新下載后，新版本的離線網絡應用程序被完整緩存并以備離線使用的標志） 7) oncached（離線網絡應用程序被完整緩存成功，可以在離線狀態(tài)下被使用） 8) onobsolete（未找到文件，返回 404 或者 401 時候觸發(fā)） （ 3）對更新過程進行監(jiān)控和處理各種異常 var appCache = 。 為此，需要配置 Web 服務器設置一個靜態(tài)文件的 MIME 類型，或者必須編寫一些代碼來動態(tài)創(chuàng)建該文件并設置 MIME 類型。 另外，其中的版本信息也并不是規(guī)范中的一部分。 （ 2）文件內容示例 CACHE MANIFEST 上一行是必須書寫的。 此后，當 Web 應用在離線使用時，這些資源文件會自動加載，從而使得 Web 應用即使是處于離線狀態(tài)，但也能夠正常地被使用。 （ 1）脫機應用程序 大多數瀏覽器在本地緩存中存儲 Web 頁面，從而即使用戶脫機（離線）時也可以查看這些頁面。為了滿足不同的存儲方式的需求， HTML5 提供了本地存儲（ Web Storage）和 Web SQL Database 兩種存儲機制。 } （ 4） 文件中的內容 setTimeout(function () { (39。因為在 Web 應用中添加了“ Cache Manifest”文件 后，還需要向瀏覽器提供一些信息。 比如，可以在“ Cache Manifest”文件添加注釋文件的版本或者修改其中的版本號達到“ Cache Manifest”文件被修改的效果。不能正確地更新緩存！ 39。)) { ()。 離線應用示例 下面通過一個示例來說明如何使用 HTML5 開發(fā)離線應用的基本方法，本示例會應用到前面所提到的離線資源緩存、在線狀態(tài)檢測和本地存儲等方面的功能。 if (title){ add(title)。 } } } 數據存儲代碼 數據存儲代碼定義在 中， 中的代碼包含添加便簽、刪除便簽和與服務器同步等數 據操作。 } else{ // 離線狀態(tài) var str = (toAdd)。 } (toAdd)。 （ 5） 中的相關代碼 function addServerItem(title){ //在服務器中添加一項 } function removeServerItem(title){ // 在服務器中刪除一項 } function getServerItems() { // 返回服務器中存儲的便簽列表 } 由于這部分代碼與服務器有關，這里只說明各個函數的功能，具體實現可以根據不同服務器編寫代碼。 // 從服務器獲取全部便簽，并顯示在界面中 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 18/19 頁 18 var allItems = getServerItems()。 } var i = 0。 8) 刪除當前頁面列表中的所有便簽，并調用 getServerItems()函數實現從服務器端獲取所有的便簽，并添加在頁面的相關列表中。 var list = (list)。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 14/19 頁 14 3) add 函數分別調用 add