Javascript Phonegap如何重用/包含HTML页面？

我知道在服务器端，这可以通过服务器端脚本轻松完成，但是

PhoneGap

开发的重点是本地副本。那么我如何重用

HTML

页面并将其包含到另一个HTML页面中（没有相同的源代码策略）？

您可以使用ajax请求获取它，然后插入到您的页面中。我使用angular.js，这就是它在幕后所做的。。。您可能更喜欢jquery的加载函数这样简单的函数：。

在使用

PhoneGap

开发应用程序时，您可以使用许多好的库。如果您知道

jquery Mobile

库。使用此库，您可以将多个html页面包含在一个页面中。我是

PhoneGap

开发人员。我有使用此

jQM

库开发了单页应用程序

他们致力于Ajax导航。因此，客户端不需要重新加载页面。这将使您的应用程序性能显著提高。您有

HTML5

localStorage。将所有数据存储在一个Ajax中，并在多个页面中导航

以下是链接：

此外，您还可以使用库将多个

HTML

页面加载到一个页面中。这非常容易学习

---

希望这会对您有所帮助。

通过Ajax加载内容是更好的解决方案，但JSONP将是使用Ajax加载内容的替代方法。JSONP不会导致同源策略问题

将HTML代码放在JS文件中，通过脚本标记加载和显示该文件。例如：

JSONP文件：

var dialogComponentHTML = "<form>your html code...</form";
$(document).ready(function() {
   $("#your_placeholder").html(dialogComponentHTML);
});

---

var dialogComponentHTML=“你的html代码……你能提供一些代码吗？你试过iframe吗？@TasosBitsios iframe不是我想要的，例如，我想使用自定义的对话框组件（div容器）在整个页面上，我不想在整个页面上复制HTML内容，那么我该怎么做呢？您是否尝试过将对话框组件放在一个单独的HTML文件（所有HTML标记等）中，然后通过jQuery（.load（））加载它？@Ekaterina根据我的研究（抱歉，我还没有尝试，很快就会尝试），jQuery.load（）不允许加载本地文件，对吗？您好，我在Web浏览器中尝试过这种方法，如果我们尝试使用ajax检索本地文件，我们将遇到同源策略问题。由于phonegap关注本地文件，使用ajax，我们将遇到同样的问题，对吗？如果您在本地计算机上开发，您将需要运行和http服务器来提供文件。OSX附带apache，这正是我所使用的，但配置起来有点困难。你可以使用一些sorta LAMP工具，或者直接转到包含htmls的文件夹并运行“python-m SimpleHTTPServer”。SimpleHTTPServer有时会错过请求，但它可以工作。jQuery Mobile上的链接不正确仅供参考-它链接到pager.js
<script type="text/javascript" src="dialog.jsonp">
<div id="your_placeholder"></div>