HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法_HTML5教程
推薦:HTML5實踐-圖片設(shè)置成灰度圖以前,在web上要顯示灰度圖片的話,只有手工使用圖片軟件轉(zhuǎn)換。但是現(xiàn)在借助于html5的canvas可以實現(xiàn)這個過程,而不需要再借助圖片編輯軟件了
//openDatabase方法打開已經(jīng)存在的數(shù)據(jù)庫,如果不存在將會創(chuàng)建一個數(shù)據(jù)庫,參數(shù)分別是 數(shù)據(jù)庫的名稱,版本,數(shù)據(jù)庫的描述,和數(shù)據(jù)大小 var db = window.openDatabase("mydatabase", "1.0", "我的數(shù)據(jù)庫描述", 20000);數(shù)據(jù)庫的SQL語句的使用方法
dbname.transaction(function (tx) { tx.executeSql(sql); });

復(fù)制代碼 代碼如下:www.hl5o.cn
<!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方法打開已經(jīng)存在的數(shù)據(jù)庫,如果不存在將會創(chuàng)建一個數(shù)據(jù)庫
var db = window.openDatabase("mydatabase", "1.0", "我的數(shù)據(jù)庫描述", 20000);
var d = new Date();
//創(chuàng)建數(shù)據(jù)表
var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
db.transaction(function (tx) {
tx.executeSql(sql);
});
//往數(shù)據(jù)表插入數(shù)據(jù)
db.transaction(function (tx) {
tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["廣州大學(xué)華軟軟件學(xué)院3", d.toLocaleString()], null, null);
});
//刪除數(shù)據(jù)表
//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安全介紹之內(nèi)容安全策略(CSP)簡介前言:HTML5出現(xiàn)后,網(wǎng)絡(luò)安全更加受到廣泛的關(guān)注。Web對于網(wǎng)絡(luò)安全有哪些改進?我們?nèi)绾蝸砻鎸υ絹碓轿kU的網(wǎng)絡(luò)欺詐和攻擊?下面的文章談到了W3C對于這個問題的最新解決方案。未來有機會的話,我會針對XSS、P3P、同源策略、CORS(跨域資源共享)和CSP進行關(guān)于HTML5內(nèi)容
相關(guān)HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過程介紹
- HTML5 對各個標(biāo)簽的定義與規(guī)定:body的介紹
- 關(guān)于HTML5的安全問題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個初級技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5實踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略(CSP)簡介
- HTML5 Web存儲方式的localStorage和sessionStorage進行數(shù)據(jù)本地存儲案例應(yīng)用
- Bootstrap 學(xué)習(xí)分享
- input元素的url類型和email類型簡介
- HTML5自定義data-* data(obj)屬性和jquery的data()方法的使用
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- html5中canvas學(xué)習(xí)筆記2-判斷瀏覽器是否支持canvas
- 在IE6系列等老式瀏覽器中使用HTML5的新標(biāo)簽實現(xiàn)方案
- html5 button autofocus 屬性介紹及應(yīng)用
- html5 桌面提醒:Notifycations應(yīng)用介紹
- html5 canvas-2.用canvas制作一個猜字母的小游戲
- HTML5教程之html 5 本地數(shù)據(jù)庫(Web Sql Database)
- html5 拖拽上傳圖片實例演示
- HTML5本地存儲之Database Storage應(yīng)用介紹
- HTML5離線緩存在tomcat下部署可實現(xiàn)圖片flash等離線瀏覽
- html5 Canvas畫圖教程(7)—canvas里畫曲線之quadraticCurveTo方法
- 相關(guān)鏈接:
- 教程說明:
HTML5教程-HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法
。