HTML5 Web Database 数据库的SQL语句的使用方法_HTML5教程
推荐:HTML5实践-图片设置成灰度图以前,在web上要显示灰度图片的话,只有手工使用图片软件转换。但是现在借助于html5的canvas可以实现这个过程,而不需要再借助图片编辑软件了
//openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库,参数分别是 数据库的名称,版本,数据库的描述,和数据大小 var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);数据库的SQL语句的使用方法
dbname.transaction(function (tx) { tx.executeSql(sql); });
复制代码 代码如下:www.mb5u.com
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div>
</div>
<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(?, ?)", ["广州大学华软软件学院3", d.toLocaleString()], null, null);
});
//删除数据表
//db.transaction(function (tx) {
// tx.executeSql("DROP TABLE mytable ");
//});
db.transaction(function (tx) {
tx.executeSql("SELECT * FROM mytable", [],
function (tx, result) {
for (var i = 0; i < result.rows.length; i++) {
document.write('<h1>' +
result.rows.item(i)['mytitle'] + " " +
result.rows.item(i)['timestamp'] +
'</h1>');
}
},
function () {
alert("error");
});
});
</script>
</body>
</html>
分享:HTML5安全介绍之内容安全策略(CSP)简介前言:HTML5出现后,网络安全更加受到广泛的关注。Web对于网络安全有哪些改进?我们如何来面对越来越危险的网络欺诈和攻击?下面的文章谈到了W3C对于这个问题的最新解决方案。未来有机会的话,我会针对XSS、P3P、同源策略、CORS(跨域资源共享)和CSP进行关于HTML5内容
相关HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
- 网易微博Web App用HTML5开发的过程介绍
- HTML5 对各个标签的定义与规定:body的介绍
- 关于HTML5的安全问题开发人员需要牢记的
- 关于HTML5的22个初级技巧(图文教程)
- 开发人员所需要知道的HTML5性能分析面面观
- HTML5实践-图片设置成灰度图
- HTML5安全介绍之内容安全策略(CSP)简介
- HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
- Bootstrap 学习分享
- input元素的url类型和email类型简介
- HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
HTML5教程Rss订阅Div+Css教程搜索
HTML5教程推荐
- html5中canvas学习笔记2-判断浏览器是否支持canvas
- 在IE6系列等老式浏览器中使用HTML5的新标签实现方案
- html5 button autofocus 属性介绍及应用
- html5 桌面提醒:Notifycations应用介绍
- html5 canvas-2.用canvas制作一个猜字母的小游戏
- HTML5教程之html 5 本地数据库(Web Sql Database)
- html5 拖拽上传图片实例演示
- HTML5本地存储之Database Storage应用介绍
- HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
- html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
- 相关链接:
- 教程说明:
HTML5教程-HTML5 Web Database 数据库的SQL语句的使用方法。