使用 JavaScript 加载 HTML 模板

Question

我正在努力为我的问题找到一个干净的解决方案，并且想知道是否有人可以提供一些提示。

我有“templates.html”，其中包含我想加载到 JavaScript 中并使用的 HTML 片段集合。考虑到 templates.html 不是加载的 DOM 文档，访问模板/片段的好方法是什么？

我正在考虑使用 document.open 创建一个 DOM 来访问，但我认为这在某些浏览器上有问题。

原文由 iancrowther 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以将 html 加载到隐藏的 div 中，然后您将拥有 DOM 访问权限，将 html 加载到 DIV 中的最简单方法是使用 jquery 加载： http ://api.jquery.com/load/

 $( "#result" ).load( "ajax/test.html" );

原文由 kleinohad 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用 jQuery 和 .load() ( http://api.jquery.com/load/ ) 方法将加载的文档注入 DOM。

 $(function() {
    $('#content').load('/templates.html');
});

原文由 peterp 发布，翻译遵循 CC BY-SA 3.0 许可协议