navigator_status.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  6. <meta name="misapplication-tap-highlight" content="no"/>
  7. <meta name="HandheldFriendly" content="true"/>
  8. <meta name="MobileOptimized" content="320"/>
  9. <title>Hello H5+</title>
  10. <script type="text/javascript" src="../js/common.js"></script>
  11. <script type="text/javascript">
  12. // H5 plus事件处理
  13. var ws=null;
  14. function plusReady(){
  15. ws=plus.webview.currentWebview();
  16. }
  17. if(window.plus){
  18. plusReady();
  19. }else{
  20. document.addEventListener('plusready', plusReady, false);
  21. }
  22. // 设置系统状态栏为深色前景色(黑色文字)
  23. function darkStyle(){
  24. plus.navigator.setStatusBarStyle('dark');
  25. }
  26. // 设置系统状态栏为浅色前景色(白色文字)
  27. function lightStyle(){
  28. plus.navigator.setStatusBarStyle('light');
  29. }
  30. </script>
  31. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  32. </head>
  33. <body>
  34. <br/>
  35. <p class="des">
  36. Android平台需要5.0及以上版本支持设置系统状态栏背景颜色。
  37. </p>
  38. <div class="button" onclick="darkStyle()">系统状态栏黑色样式</div>
  39. <div class="button" onclick="lightStyle()">系统状态栏白色样式</div>
  40. </body>
  41. </html>