Question

我不知道这个术语是什么术语，但是当你使用'includes'或将HTML存储在变量中并将其调用以在HTML页面中的某个点打印时，就像使用PHP一样。

我想更好地整理和整理我的HTML页面，这对我来说是如此混乱，我正在大脑迷雾只是在我的代码中导航。我没有Web服务器，一切都在运行客户端javascript。它实际上是一个HTA应用程序。

我希望例如将我保存在一个单独的.html文件中的表调用到主html文件中。

所以例如：

//main html file
<table>
<tr>
   <td>"call external html file here"</td>
</tr>
</table>

或者如果有一种方法使用jquery或javascript将html代码块存储到变量中，那么将其调用以在主html中打印，尽管我不知道这是否会占用太多资源。我有什么选择？

谢谢！

Answer 1

要加载外部HTML，请使用JQuery .load()： http://api.jquery.com/load/

示例：

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

您还可以将javascript分成另一个文件：

<script src="yourjavascript_file.js" type="text/javascript"></script>

Answer 2

您可以使用jQuery load函数：

HTML：

<table>
    <tr>
        <td id="load"></td>
    </tr>
</table>

jQuery的：

$("#load").load("http://link.to/file");

Answer 3

对于初学者来说，另一种选择可能是模板：http://api.jquery.com/category/plugins/templates/

Answer 4

在主html文件中，您可以使用

等代码

next.body()

然后，在您要调用的文件中，您可以使用

等代码

inherit file="base.html"

调用主文件。

但这完全取决于您使用的是哪种框架

Answer 5

除了上面的答案之外，load函数还为您提供了极大的灵活性，您不仅可以插入一大块HTML，还可以通过添加空格分隔的选择器仅插入该块中的选择部分链接到HTML文件后的表达式：

$("#tobefilled").load("foo.html #onlythiselement",function() {});