{"id":2237,"date":"2017-05-06T14:23:10","date_gmt":"2017-05-06T06:23:10","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2237"},"modified":"2017-05-06T14:23:10","modified_gmt":"2017-05-06T06:23:10","slug":"html5%e4%bd%bf%e7%94%a8%e6%9c%ac%e5%9c%b0%e6%96%87%e4%bb%b6%e6%95%b0%e6%8d%ae%e5%ba%93%e7%bc%96%e5%86%99%e7%95%99%e8%a8%80%e6%9c%ac","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2237","title":{"rendered":"html5\u4f7f\u7528\u672c\u5730\u6587\u4ef6\u6570\u636e\u5e93\u7f16\u5199\u7559\u8a00\u672c"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"utf-8\">\r\n        <title>\u672c\u5730\u6587\u4ef6\u6570\u636e\u5e93\u5b9e\u73b0web\u7559\u8a00\u672c<\/title>\r\n<\/head>\r\n<body onload=\"init();\">\r\n        <h1>\u4f7f\u7528\u6570\u636e\u5e93\u5b9e\u73b0web\u7559\u8a00\u672c<\/h1>\r\n        <table>\r\n                <tr><td>\u59d3\u540d\uff1a<\/td><td><input type=\"text\" id=\"name\"><\/td><\/tr>\r\n                <tr><td>\u7559\u8a00\uff1a<\/td><td><input type=\"text\" id=\"memo\"><\/td><\/tr>\r\n                <tr><td><\/td>\r\n                <td><input type=\"button\" value=\"\u4fdd\u5b58\" onclick=\"saveData();\"><\/td>\r\n                <\/tr>\r\n        <\/table>\r\n        <hr>\r\n        <table id=\"datatable\" border=\"1\"><\/table>\r\n        <p id=\"msg\"><\/p>\r\n\r\n<\/body>\r\n<\/html>\r\n<script type=\"text\/javascript\">\r\n        var datatable = null;\r\n\/\/\u521b\u5efa\u8bbf\u95ee\u6570\u636e\u5e93\u7684\u5bf9\u8c61\r\n        var db = openDatabase(\"MyData\",'','',102400);\r\n\/\/\u521d\u59cb\u5316\u754c\u9762\r\n        function init(){\r\n                datatable = document.getElementById(\"datatable\");\r\n\/\/\u5c55\u793a\u6570\u636e\u5e93\u4e2d\u7684\u6240\u6709\u6570\u636e\r\n                showAllData();\r\n        }\r\n\r\n        function showAllData(){\r\n\/\/\u4f7f\u7528\u4e8b\u52a1\u7684\u65b9\u5f0f\u5904\u7406\r\n                db.transaction(function(tx){\r\n\/\/\u4f7f\u7528executeSql\u6765\u6267\u884csql\u8bed\u53e5\r\n                        tx.executeSql('create table if not exists MsgData(name TEXT,message TEXT, time INTEGER)',[]);\/\/\u521b\u5efa\u6570\u636e\u5e93\r\n                        tx.executeSql('select * from MsgData',[],function(tx,rs){\/\/\u67e5\u627eMsgData\u4e2d\u7684\u6240\u6709\u6570\u636e\uff0c\u5e76\u5728\u56de\u8c03\u51fd\u6570\u4e2d\u663e\u793a\u6570\u636e\r\n                                removeAllData();\/\/\u6e05\u9664\u8868\u6570\u636e\r\n                                for(var i =0;i<rs.rows.length;i++){\r\n                                        showData(rs.rows.item(i));\r\n                                }\r\n                        });\r\n                });\r\n        }\r\n\r\n        function removeAllData(){\r\n                for(var i=datatable.childNodes.length-1;i>=0;i--){\r\n                        datatable.removeChild(datatable.childNodes[i]);\r\n                }\r\n\r\n                var tr = document.createElement('tr');\r\n                var th1 = document.createElement('th');\r\n                var th2 = document.createElement('th');\r\n                var th3 = document.createElement('th');\r\n                th1.innerHTML = '\u59d3\u540d';\r\n                th2.innerHTML = '\u7559\u8a00';\r\n                th3.innerHTML = '\u65f6\u95f4';\r\n                tr.appendChild(th1);\r\n                tr.appendChild(th2);\r\n                tr.appendChild(th3);\r\n                datatable.appendChild(tr);\r\n        }\r\n\r\n        function showData(row){\r\n                var tr = document.createElement('tr');\r\n                var td1 = document.createElement('td');\r\n                var td2 = document.createElement('td');\r\n                var td3 = document.createElement('td');\r\n                td1.innerHTML = row.name;\r\n                td2.innerHTML = row.message;\r\n                td3.innerHTML = new Date();\r\n                tr.appendChild(td1);\r\n                tr.appendChild(td2);\r\n                tr.appendChild(td3);\r\n                datatable.appendChild(tr);\r\n\r\n        }\r\n\r\n        function addData(name,message,time){\r\n                db.transaction(function(tx){\r\n                        tx.executeSql('insert into MsgData values(?,?,?)',[name,message,time],function(tx,rs){\r\n                                alert(\"\u4fdd\u5b58\u6210\u529f\");\r\n                        },function(tx,error){\r\n                                alert(error.source+\"::\"+error.message);\r\n                        });\r\n                });\r\n        }\r\n\r\n        function saveData(){\r\n                var name =document.getElementById('name').value;\r\n                var memo =document.getElementById(\"memo\").value;\r\n                var time = new Date().getTime();\r\n                addData(name,memo,time);\r\n                showAllData();\r\n        }\r\n\r\n<\/script><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » html5\u4f7f\u7528\u672c\u5730\u6587\u4ef6\u6570\u636e\u5e93\u7f16\u5199\u7559\u8a00\u672c<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>\u672c\u5730\u6587\u4ef6\u6570\u636e\u5e93\u5b9e\u73b0w […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[16,9,123,294],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2237"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2237"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2237\/revisions"}],"predecessor-version":[{"id":2238,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2237\/revisions\/2238"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2237"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}