■ 웹 SQL 데이터베이스에서 테이블을 생성하고 삭제하는 방법을 보여준다.
▶ test.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script language="javascript"> var db; function onLoad() { try { this.db = openDatabase('html5', '1', '전화번호부', 1024 * 1024); } catch(e) { document.getElementById('output').innerHTML = '데이터베이스를 여는 중 에러가 발생했습니다 : ' + e; return; } document.getElementById('output').innerHTML = '데이터베이스를 열었습니다.'; } function createCallback(tx) { tx.executeSql('create table phonebook (id integer primary key autoincrement, name varchar(32), phone varchar(32))'); } function errorCallback(tx) { document.getElementById('output').innerHTML = '테이블 생성시 에러가 발생했습니다.'; } function successCallback(tx) { document.getElementById('output').innerHTML = '테이블을 생성했습니다.'; } function createTable() { this.db.transaction(createCallback, errorCallback, successCallback); } function dropTable() { this.db.transaction ( function(tx) { tx.executeSql('drop table phonebook'); document.getElementById('output').innerHTML = '테이블을 삭제했습니다.'; } ); } </script> </head> <body onload="onLoad();"> <div id="output">데이터베이스 테스트입니다.</div> <p /> <input type="button" value="테이블 생성" onclick="createTable();" /> <input type="button" value="테이블 삭제" onclick="dropTable();" /> </body> </html> |