| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
- <meta name="HandheldFriendly" content="true"/>
- <meta name="MobileOptimized" content="320"/>
- <title>Hello H5+</title>
- <script type="text/javascript" src="../js/common.js"></script>
- <script type="text/javascript">
- function fullscreen(){
- outSet( "应用全屏显示！" );
- plus.navigator.setFullscreen(true);
- }
- function unfullscreen(){
- outSet( "应用非全屏显示！" );
- plus.navigator.setFullscreen(false);
- }
- function isfullscreen(){
- outSet( "是否全屏："+(plus.navigator.isFullscreen()?"是":"否") );
- }
- function customerNavigator(){
- var wn=clicked('navigator_status.html');
- var bcolor=plus.navigator.getStatusBarBackground();
- var bstyle=plus.navigator.getStatusBarStyle();
- wn.addEventListener('close',function(){
- //页面关闭后状态栏重置回以前的颜色
- plus.navigator.setStatusBarBackground(bcolor);
- //页面关闭后状态栏重置回以前的样式
- plus.navigator.setStatusBarStyle(bstyle);
- },false);
- }
- </script>
- <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
- </head>
- <body>
- <br/>
- <ul class="dlist">
- <li class="ditem" onclick="fullscreen()">全屏显示</li>
- <li class="ditem" onclick="unfullscreen()">非全屏显示</li>
- <li class="ditem" onclick="isfullscreen()">是否全屏</li>
- </ul>
- <br/>
- <div class="button" onclick="customerNavigator()">状态栏样式</div>
- <div id="outpos"/>
- <div id="output">
- Navigator用于管理浏览器运行环境信息，可用于设置应用全屏显示等。
- </div>
- </body>
- </html>
|
