在phonegap应用程序内部打开新的html页面

带phonephone的东西就是它通过在index.html页面的头部声明的phonegap.js使用它自己的API。当使用window.open和它的替代品时，新页面会忘记前一页中的任何内容，并且phonegap的API将不再可用。什么是正确的方式来打开一个新的HTML文件？我真的很难相信phonegap应用程序必须是一个巨大的html文件。在phonegap应用程序内部打开新的html页面

来源

2015-05-06 Sahkan

您的phonegap应用程序是否需要打开一个新页面？ phonegap的想法是1页的应用程序。这意味着要更改视图，您不需要重新加载整个DOM树。而是只加载一次DOM，然后操作其中的对象。

来源

2015-05-06 07:35:24 chabislav

我明白了，但这时如果我的应用程序有很多它的信息的，它会使index.html文件巨大，是这个唯一的方式来使用它？ – Sahkan

如果您使用Angularjs之类的框架，您可以访问一些非常稳固的路由解决方案。仅举几例，内置路由器，1.4中的新路由器以及ui-router（https://github.com/angular-ui/ui-router都有一个简单的例子）。在Angular之外，有是一大堆路由框架，可以帮助您将应用程序划分为可管理的视图。尝试搜索javascript路由，并查看您喜欢的内容。 – laughingpine

研究Ionic框架。它很漂亮，速度快，建立在AngularJS上。对于Phonegap来说它非常完美。查看此视频：https：//www.youtube.com/watch？v = gApduktFwxw。和本教程：http://thejackalofjavascript.com/ionic-angularjs-and-phonegap-build/ – chabislav

您可以通过这个代码移动到另一个HTML页面：

window.location = "NewFile.html";

来源

2015-05-06 10:03:27

谢谢，但它会保留依赖项（脚本，CSS等）？因为我很确定它不会。 – Sahkan

不，它不会。然后，您可以在一个html页面中使用面板，并根据需要设置显示none和block属性。它会觉得网页正在改变。 –

听起来很酷！我已经做了其他事情，但我会记住这一点。非常感谢你！ :) – Sahkan

在phonegap应用程序内部打开新的html页面

回答

相关问题