www.gusucode.com > 自己收集整理的HTML5网页应用实例源码程序 > 自己收集整理的HTML5网页应用实例/prohtml5HTML5入门学习的好例子(代码)/prohtml5HTML5入门学习的好例子(代码)/offline/offline.js
/* * log each of the events fired by window.applicationCache */ window.applicationCache.onchecking = function(e) { log("Checking for application update"); } window.applicationCache.onnoupdate = function(e) { log("No application update found"); } window.applicationCache.onupdateready = function(e) { log("Application update ready"); } window.applicationCache.onobsolete = function(e) { log("Application obsolete"); } window.applicationCache.ondownloading = function(e) { log("Downloading application update"); } window.applicationCache.oncached = function(e) { log("Application cached"); } window.applicationCache.onerror = function(e) { log("Application cache error"); } window.addEventListener("online", function(e) { log("Online"); }, true); window.addEventListener("offline", function(e) { log("Offline"); }, true); /* * Convert applicationCache status codes into messages */ showCacheStatus = function(n) { statusMessages = ["Uncached","Idle","Checking","Downloading","Update Ready","Obsolete"]; return statusMessages[n]; } install = function() { log("Checking for updates"); try { window.applicationCache.update(); } catch (e) { applicationCache.onerror(); } } onload = function(e) { // Check for required browser features if (!window.applicationCache) { log("HTML5 Offline Applications are not supported in your browser."); return; } if (!navigator.geolocation) { log("HTML5 Geolocation is not supported in your browser."); return; } if (!window.localStorage) { log("HTML5 Local Storage not supported in your browser."); return; } log("Initial cache status: " + showCacheStatus(window.applicationCache.status)); document.getElementById("installButton").onclick = install; // Synchronize with the server if the browser is now online if(navigator.onLine) { uploadLocations(); } }