phonegap实现提示操作详解
程序员文章站
2022-04-14 11:07:26
...
这次给大家带来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实现提示操作详解的详细内容,更多请关注其它相关文章!
上一篇: 如何解决canvas绘图时遇到的跨域问题
下一篇: nodejs实现微信扫码支付功能