【简单的留言本】用HTML新增的数据库实现

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【简单的留言本】用HTML新增的数据库实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3264字，纯文字阅读大概需要5分钟。

内容图文

 【简单的留言本】用HTML新增的数据库实现

使用数据库实现的WEB留言本

        var datatable = null;

        var db = openDatabase(‘Mydata‘,‘‘,‘My Database‘,102400);

        function  init() {

            datatable = document.getElementById("datatable");

            showAllData();

        }

        function removeAllData() {

            for(var i = datatable.childNodes.length-1;i>=0;i--){

                datatable.removeChild(datatable.childNodes[i]);

            }

            var tr = document.createElement(‘tr‘);

            var th1 = document.createElement(‘th‘);

            var th2 = document.createElement(‘th‘);

            var th3 = document.createElement(‘th‘);

            th1.innerHTML = "姓名";

            th2.innerHTML = "留言";

            th3.innerHTML = "时间";

            tr.appendChild(th1);

            tr.appendChild(th2);

            tr.appendChild(th3);

            datatable.appendChild(tr);

        }

        function showData(row) {

            var tr = document.createElement(‘tr‘);

            var td1 = document.createElement(‘td‘);

            td1.innerHTML = row.name;

            var td2 = document.createElement(‘td‘);

            td2.innerHTML= row.message;

            var td3 = document.createElement(‘td‘);

            var t = new Date();

            t.setTime(row.time);

            td3.innerHTML = t.toLocaleDateString()+""+t.toLocaleTimeString();

            tr.appendChild(td1);

            tr.appendChild(td2);

            tr.appendChild(td3);

            datatable.appendChild(tr);

        }

        function showAllData() {

            db.transaction(function (tx) {

                tx.executeSql(‘CREATE TABLE IF NOT EXISTS MsgData(name TEXT,message TEXT,time INTEGER)‘,[]);

                tx.executeSql(‘SELECT * FROM MsgData‘,[],function (tx,rs) {

                    removeAllData();

                    for(var i =0 ;i<rs.rows.length ;i ++){

                        showData(rs.rows.item(i));

                    }

                });

            });

        }

        function addData(name,message,time) {

            db.transaction(function (tx) {

                tx.executeSql(‘INSERT INTO MsgData VALUES(?,?,?)‘,[name,message,time],function (tx,rs) {

                    alert("成功保存数据！");

                },function (tx,rs) {

                    alert(error.source+"::" + error.message);

                });

            });

        }

        function saveData() {

            var name = document.getElementById(‘name‘).value;

            var memo = document.getElementById(‘memo‘).value;

            var time = new Date().getTime();

            //alert(time);

            addData(name,memo,time);

            showAllData();

        }

使用数据库实现的Web留言本

姓名：

留言：

________________________________________

【简单的留言本】用HTML新增的数据库实现

标签： 【简单的留言本】用html新增的数据库实现

本文系统来源：http://12848275.blog.51cto.com/12838275/1923510

内容总结

以上是互联网集市为您收集整理的【简单的留言本】用HTML新增的数据库实现全部内容，希望文章能够帮你解决【简单的留言本】用HTML新增的数据库实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端