xml地图|网站地图|网站标签 [设为首页] [加入收藏]
使用phonegap操作数据库的实现方法,phonegap数据库
分类:网络频道

使用phonegap进行提示操作的具体方法,phonegap具体方法

常有下面四种方式:

<!DOCTYPE html> 
<html> 

    <head> 
        <meta charset="UTF-8"> 
        <title>Notifications</title> 

        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
          document.addEventListener("deviceready", onDeviceReady, false); 
            function onDeviceReady() { 
                checkConnection(); 
            } 

            //显示自定义的警告 
            function showAlert(){ 
                navigator.notification.alert('Game Over!',alertCallback,'Game Over!','Done'); 
            } 
            //警告的回调 
            function alertCallback(){ 

            } 

            //显示一个自定义的确认对话框 
            function showConfirm(){ 
                navigator.notification.confirm('Game Over!',onConfirm,'Game Over!','Restart,Exit'); 
            } 
            //确认对话框的回调 
            function onConfirm(button){ 
                alert('You selected button '+button); 
            } 

            //鸣叫两次 
            function playBeep(){ 
                navigator.notification.beep(2); 
            } 

            //振动 
            function vibrate(){ 
                navigator.notification.vibrate(4000); 
            } 

        </script> 
    </head> 

    <body onload="onLoad()"> 
        <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> 
        <p><a href="#" onclick="showConfirm(); return false;">Show Confirmation</a></p> 
        <p><a href="#" onclick="playBeep() return false;">Play Beep</a></p> 
        <p><a href="#" onclick="vibrate() return false;">Vibrate</a></p> 
    </body> 

</html>

以上这篇使用phonegap进行提示操作的具体方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持帮客之家。

http://www.bkjia.com/HTML5/1205497.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/1205497.htmlTechArticle使用phonegap进行提示操作的具体方法,phonegap具体方法 常有下面四种方式: !DOCTYPE html html head meta charset=UTF-8 titleNotifications/title script type=t...

使用phonegap操作数据库的实现方法,phonegap数据库

实例如下:

<!DOCTYPE html> 
<html> 

    <head> 
        <meta charset="UTF-8"> 
        <title>Database Example</title> 

        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 

            function onDeviceReady() { 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(populateDB,errorDB,successDB); 
            } 

            //初始化数据库数据 
            function populateDB(tx){ 
                tx.executeSql('DROP TABLE IF EXISTS test1'); 
                tx.executeSql('CREATE TABLE IF NOT EXISTS test1 (id unique,name)'); 
                tx.executeSql('INSERT INTO test1(id,name) VALUES(1,"Tony")'); 
                tx.executeSql('INSERT INTO test1(id,name) VALUES(2,"Bill")'); 
                tx.executeSql('INSERT INTO test1(id,name) VALUES(3,"Tony")'); 
            } 

            //查询方法 
            function queryDB(tx){ 
                tx.executeSql('SELECT * FROM test1',[],querySuccess,errorDB); 
            } 

            //查询成功回调 
            function querySuccess(tx,results){ 
                var len=results.rows.length; 
                var status=document.getElementById("status"); 
                var string ="Rows:"+len+"<br />"; 
                for(var i=0;i<len;i++){ 
                    string+=results.rows.item(i).name+"<br />"; 
                } 
                status.innerHTML=string; 
            } 

            //执行初始化数据成功后的回调 
            function successDB(){ 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(queryDB,errorDB); 
            } 

            //失败回调 
            function errorDB(err){ 
                alert('Error processing SQL:'+err.code); 
            } 

        </script> 
    </head> 

    <body> 
        <h1>Names</h1> 
        <div id='status'></div> 
    </body> 

</html>

以上这篇使用phonegap操作数据库的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持帮客之家。

http://www.bkjia.com/HTML5/1205494.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/1205494.htmlTechArticle使用phonegap操作数据库的实现方法,phonegap数据库 实例如下: !DOCTYPE html html head meta charset=UTF-8 titleDatabase Example/title script type=text/javascript...

本文由宝马娱乐在线发布于网络频道,转载请注明出处:使用phonegap操作数据库的实现方法,phonegap数据库

上一篇:宝马娱乐在线网址vmmap实现, 下一篇:jquery 获取input值代码
猜你喜欢
热门排行
精彩图文