HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法_HTML5教程
推薦：HTML5實(shí)踐-圖片設(shè)置成灰度圖以前，在web上要顯示灰度圖片的話，只有手工使用圖片軟件轉(zhuǎn)換。但是現(xiàn)在借助于html5的canvas可以實(shí)現(xiàn)這個(gè)過程，而不需要再借助圖片編輯軟件了
//openDatabase方法打開已經(jīng)存在的數(shù)據(jù)庫，如果不存在將會(huì)創(chuàng)建一個(gè)數(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.zhaotila.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ù)庫，如果不存在將會(huì)創(chuàng)建一個(gè)數(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）簡(jiǎn)介前言：HTML5出現(xiàn)后，網(wǎng)絡(luò)安全更加受到廣泛的關(guān)注。Web對(duì)于網(wǎng)絡(luò)安全有哪些改進(jìn)？我們?nèi)绾蝸砻鎸?duì)越來越危險(xiǎn)的網(wǎng)絡(luò)欺詐和攻擊？下面的文章談到了W3C對(duì)于這個(gè)問題的最新解決方案。未來有機(jī)會(huì)的話，我會(huì)針對(duì)XSS、P3P、同源策略、CORS（跨域資源共享）和CSP進(jìn)行關(guān)于HTML5內(nèi)容
相關(guān)HTML5教程：
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過程介紹
- HTML5 對(duì)各個(gè)標(biāo)簽的定義與規(guī)定：body的介紹
- 關(guān)于HTML5的安全問題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個(gè)初級(jí)技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5實(shí)踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略（CSP）簡(jiǎn)介
- HTML5 Web存儲(chǔ)方式的localStorage和sessionStorage進(jìn)行數(shù)據(jù)本地存儲(chǔ)案例應(yīng)用
- Bootstrap 學(xué)習(xí)分享
- input元素的url類型和email類型簡(jiǎn)介
- HTML5自定義data-* data(obj)屬性和jquery的data()方法的使用
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- html5中canvas學(xué)習(xí)筆記2-判斷瀏覽器是否支持canvas
- 在IE6系列等老式瀏覽器中使用HTML5的新標(biāo)簽實(shí)現(xiàn)方案
- html5 button autofocus 屬性介紹及應(yīng)用
- html5 桌面提醒：Notifycations應(yīng)用介紹
- html5 canvas-2.用canvas制作一個(gè)猜字母的小游戲
- HTML5教程之html 5 本地?cái)?shù)據(jù)庫（Web Sql Database）
- html5 拖拽上傳圖片實(shí)例演示
- HTML5本地存儲(chǔ)之Database Storage應(yīng)用介紹
- HTML5離線緩存在tomcat下部署可實(shí)現(xiàn)圖片flash等離線瀏覽
- html5 Canvas畫圖教程(7)—canvas里畫曲線之quadraticCurveTo方法
- 相關(guān)鏈接：
- 教程說明：
HTML5教程-HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法
。