首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Html5 学习系列(六)Html5本地存储和本地数据库

4, Cookie默认情况都会随着Http请求发送到后台服务器,但并不是所有请求都需要Cookie的,比如:js、css、图片等请求则不需要cookie。...为了破解Cookie的一系列限制,Html5通过JS的新的API就能直接存储大量的数据到客户端浏览器,而且支持复杂的本地数据库,让JS简直就是逆天了。...操作本地数据库的最基本的步骤是: 第一步:openDatabase方法:创建一个访问数据库的对象。...(1)openDatabase方法: //Demo:获取或者创建一个数据库,如果数据库不存在那么创建之 var dataBase = openDatabase("student", "1.0", "学生表...", 1024 * 1024, function () { }); openDatabase方法打开一个已经存在的数据库,如果数据库不存在,它还可以创建数据库。

2.3K70

【HTML5】296- 重新复习 HTML5 的 5大存储方式

- 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面); 完整demo: CACHE MANIFEST # 2016-07-24 v1.0.0 /theme.css /main.js...核心方法: ① openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。 ② transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。...打开数据库: var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024,fn); // openDatabase() 方法对应的五个参数...// 分别为:数据库名称、版本号、描述文本、数据库大小、创建回调 执行查询操作: var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 *...function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS WIN (id unique, name)'); }); 插入数据: var db = openDatabase

81230
您找到你想要的搜索结果了吗?
是的
没有找到

WebSQL 的简单使用

SQL是前端的数据库,它也是本地存储的一种,使用 SQLite 实现,SQLite 是一种轻量级数据库,它占的空间小,支持创建表,插入、修改、删除表格数据 如何使用 以下是规范中定义的三个核心方法: openDatabase...window.openDatabase) { alert('您的浏览器不支持 WebSQL'); } 如果浏览器不支持、直接弹出提示框,否则页面不会发生任何变化 打开数据库...var db = window.openDatabase(dbname, version, dbdesc, dbsize,function() {}); openDatabase 方法中一共包括了...其中创建回调可以省略 例如创建 王者荣耀数据库 var db = openDatabase('wucai', '1.0', '王者荣耀数据库', 1024 * 1024); 事务操作 使用 transaction...window.openDatabase) { alert('您的浏览器不支持 WebSQL'); } var db = openDatabase

1K10

前端|HTML5也能操作数据库

2 Web Sql的内容 2.1 三个核心方法 (1)openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。...2.2 操作流程 2.2.1打开数据库 首先使用openDatabase()的方法来打开已存在的数据库,若不存在,则会自动创建一个新的数据库。...var db = openDatabase('Student', '1.0', 'Test', 2 * 1024 * 1024); 方法里面对应的参数分别是: 1.定义的数据库名称 2.数据库版本号...3.描述文本 4.数据库的大小 5.创建回调 2.2.2 执行相关的操作 (1)创建数据库和表 在创建表之前需要定义database.transaction() 函数 var db = openDatabase...EXISTS STUDENT (id unique, name)'); }); 执行上面的语句,就会在新建的数据库中创建一个名为STUDENT的表 插入数据 可以在新建的表中插入几条数据 var db = openDatabase

2.6K30

HTML5缓存和GPS定位

HTML5缓存 我们在访问网站的时候,会从网站服务器中下载很多数据,其中包括css文件、图片文件、js文件、音频文件等等,有时候一个页面这种零零散散的文件就要下载上百个,可以打开浏览器的开发者工具,点击...Web SQL规范中定义了三个核心的方法: openDatabase 这个方法可以用来创建一个数据库对象,也就是专门用来创建数据库的方法。...下面使用实际代码演示一下这几个方法的使用方式: 首先我们可以使用 openDatabase() 方法来打开已存在的数据库,如果数据库不存在,则会创建一个新的数据库,使用代码如下: ?...openDatabase() 方法对应的五个参数说明:    1.数据库名称    2.版本号    3.描述数据库的文本    4.数据库大小    5.创建回调方法 第五个参数,创建回调方法会在创建数据库后被调用.../hello.js css/a.css 上面的 manifest 文件列出了两个资源:一个 CSS 文件,一个 JavaScript 文件。

2.4K20

H5本地存储详细使用教程--上

那么开始动手,新建一个myStorage.js文件,把上面的cookieStorage代码Copy进去,然后再开始写以下代码: ( myStorage.js ) //本地存储,localStorage类没有存储空间的限制...想省事的童鞋,可以直接点击下载myStorage.js....(2)三个函数:分别是: A. openDatabase 创建或打开一个本地的数据库对象 B. executeSql 执行SQL语句,在回调函数的参数中获取执行结果...DELETE FROM 表名 WHERE 列名称 = 值 4、Web SQL本地存储的三个函数: (1)openDatabase (数据库名字, 数据库版本号, 显示名字, 数据库保存数据的大小, 回调函数...不过,经过测试后,我都是直接这样写就是了(大小请自己定),如下: var db = openDatabase("MyDatabase", "", "My Database", 1024

2.6K70

用NW.js构建跨平台桌面应用(4)-数据持久化

中仅保存极少量信息且会过期),数据持久化(Data Persistence)是本地应用开发中的常见需求,通俗的讲就是将瞬时数据(比如内存中的数据,断电即失效)保存为持久数据(比如写入数据库中长久保存); 由于NW.js...的特性,可供选择的本地持久化方案非常丰富,既可以依赖于Node.js直接使用NeDB、LowDB等第三方数据库方案,也可以使用HTML5及其相关标准中提供的WebSQL、WebStorage、IndexedDB...直接存储数据到本地文件 正如之前的文章提到过的,NW.js提供了App.dataPath来访问系统的应用数据目录, 可以利用其方便的存储应用配置文件等 不同平台上的具体指向: Win: $LOCALAPPDATA...回滚(roll back):错误发生时撤销单条语句或整个事务的操作 可以在 DevTools->Application->Storage->Web SQL 标签页中查看已存储的数据 3.2 常用方法 openDatabase...(): 新建数据库对象或打开已有的 transaction(): 执行一个事务并在错误发生时回滚 executeSql(): 执行SQL语句 //初始化一个数据库 var db = openDatabase

1.9K20

用NW.js构建跨平台桌面应用(3)-利用Node.js

Node.js常用来构建高并发的C/S应用,将这种模式移植到NW.js程序中虽然可行且费不了什么功夫,但仅仅这样做并不能发挥出平台所有的潜力;要知道NW.js允许直接在DOM中和Node.js交互,而这将大大加快程序的运行和简化开发...使用Node.js模块 内部模块 var fs = require('fs') 第三方模块 npm install 之后 var _ = require('underscore') C/C++ 模块...global对象 NW.js中的global对象除了Node.js中的作用,还能使用DOM,这样就提供了一个 在窗口和Node.js上下文中共享对象 的途径;此外,一旦window对象被创建,所有global...上下文中运行,比如window.openDatabase和nw.gui 不要过度利用global对象 process对象 process也是一个在窗口中和Node.js上下文中都可以访问到的全局对象 除了可以访问固有的...代替解决 或者采用 nwglobal模块,使DOM环境中可以正确判断来自 Node.js 的类型: //nodeContext.js exports.myArr = [1, 2, 3];//index.html

2.3K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券