jquery - 将 HTML/Javascript 代码分离为

Question

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

我想更好地组织和整理我的 html 页面，这对我来说太杂乱了，我只是在我的代码中导航时感到脑雾。我没有网络服务器，一切都在运行客户端 javascript。它实际上是一个 HTA 应用程序。

例如，我想将保存在单独 .html 文件中的表调用到 Main html 文件中。

例如：

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

或者如果 jquery 或 javascript 有办法将大块 html 代码存储到变量中，然后调用它以在主 html 中打印，尽管我不知道这是否会占用太多资源。我有哪些选择？

谢谢！

score 0 · Accepted Answer

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

例子：

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

您还可以将 javascript 分离到另一个文件中：

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

score 0 · Accepted Answer

您可以使用 jQueryload函数：

HTML：

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

jQuery：

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

next.body()

然后，在要调用的文件中，可以使用如下代码

inherit file="base.html"

调用主文件。

但这一切都取决于您使用的是哪个框架

score 0 · Accepted Answer

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

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

5 回答 5