html5 web database

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<script type="text/javascript">
   /* if(window.localStorage){
        alert(‘支持‘);
    }else{
        alert(‘浏览器不支持localStorage‘);
    }*/

//    localStorage.setItem(‘t3‘,‘12345‘);   //设置值
//   document.write(localStorage.t1);     //获取值
//    document.write(localStorage.length);  // 查存储个数
//   document.write(localStorage.getItem(‘t1‘));   //取值
//    document.write(localStorage.getItem(localStorage.key(0)));  //取第1个值

   localStorage.removeItem("t1");   //删除
//   localStorage.clear();  // 清除所有
    for(var i = 0; i<localStorage.length;i++){
        document.write(localStorage.key(i)+": "+localStorage.getItem(localStorage.key(i))+"<br/>");
    }
</script>
</head>
<body>
localStorage 本地存储   关闭浏览器后数据还存在
</body>
</html>
时间: 2024-10-21 08:26:20

html5 web database的相关文章

Html5 Web database存储和本地数据库操作

HTML5储存数据有两种方法:webDatabase(数据库形式)  和  webStorage(cookie形式) WebStorage(客户端存取数据),也有两种方法:localStorage[持久化的储存方式] 和 sessionStorag(基于session方式的数据储存[会话级别的数据储存方式]) sessionStorage设置和获取数据: 1 设置 : window.sessionStorage.setItem('key','value'); 2 3 获取 : console.l

【翻译】HTML5开发——轻量级Web Database存储库html5sql.js

方式1: html5sql官方网址:http://html5sql.com/ 阅读之前,先看W3C关于WEB Database的一段话: Beware. This specification is no longer in active maintenance and the Web Applications Working Group does not intend to maintain it further. 意味着WEB Database规范陷入僵局. html5sql官方网址:http

HTML5移动开发之路(20)——HTML5 Web SQL Database

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(20)--HTML5 Web SQL Database 一.Web Database介绍 WebSQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库.Safari.Chrome.Firefox.Opera等主流浏览器都已经支持WebSQL Database WebSQL数据库有三个核心方法: 1)打开数据库openDatabase()方法: 此方法创建数

深入 HTML5 Web Worker 应用实践:多线程编程

深入 HTML5 Web Worker 应用实践:多线程编程 HTML5 中工作线程(Web Worker)简介 至 2008 年 W3C 制定出第一个 HTML5 草案开始,HTML5 承载了越来越多崭新的特性和功能.它不但强化了 Web 系统或网页的表现性能,而且还增加了对本地数据库等 Web 应用功能的支持.其中,最重要的一个便是对多线程的支持.在 HTML5 中提出了工作线程(Web Worker)的概念,并且规范出 Web Worker 的三大主要特征:能够长时间运行(响应),理想的启

Html5 Web的5中离线存储方式之localStorage

Html5 Web的5中离线存储方式之localStorage 在HTML5越来越流行的今天,如果你还不知道离线存储,那就说明你落后了很多. HTML5的离线存储方式有多种:Web SQL Database.LocalStorage.Cookie.WebStorage.IndexedDB.FileSystem. Web SQL Database目前虽然还有浏览器支持,是唯一的关系数据库结构的存储,但W3C以及停止对其的维护和发展.我就不多说了. 今天我们主要看LocalStorage这种最简单的

HTML5 Web SQL 数据库

HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 Web 后端程序员,应该很容易理解 SQL 的操作. 你也可以参考我们的 SQL 教程,了解更多数据库操作知识. Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作. 核心方法 以下是规范中定义的三个核心方法: openDatabase:这个方法使用现有的数

Html5 Web App 手机跨平台开发笔记

APP 开发平台包括Android 平台开发,Mac os X 平台开发以及Windows Phone 7平台开发.开发的程序都只能在各自手机系统上运行,如果开发出一种程序,能再以上任何系统上运行,那是多么美好的事情.而Html5 Mobile Web App就是其中一种跨平台方法.下面是相关知识的介绍 1.背景 HTML5是HTML的最新标准,HTML5的草案已经于2008年发布,目前W 3 C(万维网联盟)正在对此进行进一步完善.对许多人来说,早该进行这种改进了.十多年来,HTML一直没有进

HTML5 Web Workers

HTML5 web workers是运行在后台的JavaScript,不会影响页面的性能. 什么是web worker? 当在HTML页面中执行脚本时,页面的状态是不可响应的,直到脚本运行完成. 而在HTML5 中的web worker是运行在后台的JavaScript,独立于其它的脚本,不会影响页面的性能.您可以继续做任何其它愿意做的事件,如:点击,选择内容等等, 而此时web worker是在后台运行的,所以不会影响页面的性能. 实例: <!DOCTYPE html><html>

html5 Web Notifications

最近做的一个仿微信网页版的站点,有一个新需求, 需要实现在新消息入线时,有桌面通知的效果,所以最近就稍微了解一下这个html5的新属性. 这边有个不错的demo:html5 web notification demo 从上面这个demo中 我们就可以获取所需要的基本核心代码,如下: <script> var Notification = window.Notification || window.mozNotification || window.webkitNotification; Not