Question

在我的应用程序中，当我从index1.html移动到index2.html时，它显示黑屏，同时从服务器恢复大量数据，存储在本地数据库中，并从index2.html的onload中检索本地数据库中的数据。如何在出现黑屏时显示进度条或如何删除黑屏？

更新

<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Login</title>
 <script type="text/javascript" charset="utf-8" src="js/phonegap-1.0.0.js"></script>
    <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <script type="text/javascript">

function submit()
{
alert("welcome");
window.open("index2.html");//while loading index2.html i need the progress bar
}
</script>
<style type="text/css">
.ex2{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color:#FBB917;
    border: 1px solid;
   }
    body {
        font-family:Arial,Geneva,Verdana,sans-serif;
        font-size: 0.8em;
        overflow-x: hidden;
    }
    #loadingScreen {
        background: url(images/ajax-loader.gif) no-repeat 5px 8px;
        padding-left: 25px;
    }
    /* hide the close x on the loading screen */
    .loadingScreenWindow .ui-dialog-titlebar-close {
        display: none;
    }
  </style>
   </head>
  <body >

   <input type="button" style="width:80%" value="Submit" onClick="submit()"/>
  </body>
</html>

Android代码

public class MobilyzerActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
      //  setContentView(R.layout.main);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

Answer 1

如果您使用的是JQueryMobile等框架，那么您可以选择显示加载对话框。示出

$.mobile.showPageLoadingMsg()

隐藏

$.mobile.hidePageLoadingMsg()

您使用的是纯HTML吗？任何框架？

Android：应用程序中的黑屏

1 个答案: