如何创建 html 页面的实例并动态加载到主页列表中答案

【问题标题】：How to create instances of a html page and dynamically load into a list of the main page如何创建 html 页面的实例并动态加载到主页列表中
【发布时间】：2016-12-02 14:29:17
【问题描述】：

我有一个主 html 页面，然后我需要添加一个我创建的另一个 html 文件的模板的动态创建列表。

基本上，我在单独的 HTML 页面中有一个列表项的模板。

所以我需要做的是创建该 html 页面的实例，填充正确的数据，然后将其添加到主 html 页面上的项目列表中。我会知道如何在 java 中执行此操作，但我不确定如何在 HTML/Javasript 中执行此操作。

动态创建 html 对象实例的首选方式是什么。

谢谢

【问题讨论】：

要使用 jquery 在 DOM 中获取页面的完整实例，可以使用 "" 选择器，如 $("");现在如果你 console.log($("*"));您将获得完整的 html 参考。在这里您可以修改您的 html 并使用它。如果我正确理解您的问题。

标签： javascript jquery html css web

【解决方案1】：

您可以使用jQuery加载方法加载html模板

  $("#container").load('path/template.html', function(){
    // some code to populate your template      
  });

注意：这只能通过网络服务器工作，而不是在本地工作，因为您将点击浏览器跨站点来源策略。使用 apache 或类似的

【讨论】：

如何继续创建该模板的新实例？看起来它只会加载那个html页面，我可以修改。如何创建具有不同值的另一个？另外我想尽量避免任何跨站点问题，那么有没有更好的方法来尝试这样做？
只需将其包装在 jquery.each 循环 api.jquery.com/jquery.each 中，以便为每个实例加载模板。跨源的东西只有当你在本地机器上做的时候，一旦在服务器上就可以了。它融入了浏览器。老实说，这是我唯一知道在没有前端框架（角度等）或后端（PHP、Ruby、C# 等）的情况下做到这一点的方法。
我必须在我的本地机器上做，但我们使用的是 node.js
好的，你可以在你的机器上做，你只需要通过网络服务器加载你的网页，而不是在浏览器中打开它。 apache 可以做到这一点，它免费且易于使用。尝试类似 xampp apachefriends.org/index.html
或者如果你在 Windows 上，只需通过 IIS 运行它