设置html基页phonegap

时间:2013-12-09 18:29:45

标签: android html ios cordova

我正在设置phonegap,我想知道制作标准index.html的最佳做法,例如include header,include content和include body。 否则我应该在每个页面重复doctype,css,js等吗?这是好事吗?

也许使用.load javascript我能做什么吗?

我想知道其他有用的建议,使用phonegap制作应用程序。

由于

1 个答案:

答案 0 :(得分:1)

通常,使用一个html文件是最佳做法。这有助于实现应用程序的原生感觉。如果您使用多个页面,每次加载新页面时都会重新加载标题,菜单,页脚等项目,并且您会失去本机感。

我通常做这样的事情:

<html>
  <head>
  //load css js and meta tags
  </head>
  <body>
    <header>
    //header stuff here
    </header>
    <div id="views">
      <div id="main_view" class="view">
      //first 'page' content
      </div>
      <div id="another_view" class="view">
      //another 'page' content
      </div>
    </div>
    <footer>
    //footer contents here
    </footer>
  </body>
</html>

然后在CSS集中

.view { display: none; }

并使用div的ID来显示不同的页面&#39;含量

#main_view { display: block; }