html5Page.html 917 B

1234567891011121314151617181920212223242526272829303132
  1. <html manifest="html5/test.appcache">
  2. <head>
  3. <title>HTML5</title>
  4. </head>
  5. <body>
  6. <h3>Geolocation Test</h3>
  7. <div id="status">Location unknown</div>
  8. <script language="javascript" type="text/javascript" src="html5/geolocation.js"></script>
  9. <h3>Web SQL Database Test</h3>
  10. <div id="logs"></div>
  11. <script language="javascript" type="text/javascript" src="html5/database.js"></script>
  12. <h3>Application Cache Test</h3>
  13. <div id="images">
  14. <p>Current network status: <span id="state"></span></p>
  15. <script>
  16. var state = document.getElementById('state')
  17. setInterval(function () {
  18. state.className = navigator.onLine ? 'online' : 'offline';
  19. state.innerHTML = navigator.onLine ? 'online' : 'offline';
  20. }, 250);
  21. </script>
  22. <img id="red" src="html5/red.jpg">
  23. <img id="blue" src="html5/blue.jpg">
  24. <img id="green" src="html5/green.jpg">
  25. <img id="yellow" src="html5/yellow.jpg">
  26. </div>
  27. </body>
  28. </html>