html5 操作本地数据库完整实例

最新推荐文章于 2021-06-04 11:24:09 发布

灵峰

最新推荐文章于 2021-06-04 11:24:09 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： html5+JQM+js 文章标签： html5 操作本地数据库完整实例

本文链接：https://blog.youkuaiyun.com/linfen1680/article/details/8529065

该博客深入探讨了HTML5的本地数据库功能，通过Web SQL Database实现数据存储。内容包含详细教程，指导读者如何在网页应用中使用HTML5进行本地数据操作的完整实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>htms5 本地数据库 演示</title>
	 
		
	<script type="text/javascript"> 
        //openDatabase方法打开已经存在的数据库，如果不存在将会创建一个数据库  
        var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);  
        var d = new Date();  
 
        //创建数据表  
        var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";  
        db.transaction(function (tx) {  
            tx.executeSql(sql);  
        });  
        //往数据表插入数据  
        db.transaction(function (tx) {  
            tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["11111", d.toLocaleString()], null, null);  
        });  
        //删除数据表  
        //db.transaction(function (tx) {  
        //   tx.executeSql("DROP TABLE mytable ");  
        //});  
        db.transaction(function (tx) {  
            tx.execut