1

これが何の用語かはわかりませんが、PHP で「includes」を使用する場合や、HTML を変数に格納し、それを呼び出して HTML ページの特定のポイントで印刷する場合と似ています。

コードをナビゲートするだけで頭がぼんやりするほど雑然としているhtmlページをよりよく整理して整理したいと思います。すべてがクライアント側の JavaScript を実行している Web サーバーを持っていません。これは実際には HTA アプリケーションです。

たとえば、別の .html ファイルに保持しているテーブルをメインの html ファイルに呼び出したいとします。

たとえば、次のようになります。

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

または、jqueryまたはjavascriptを使用してhtmlコードのチャンクを変数に保存する方法がある場合は、それを呼び出してメインhtmlに出力しますが、これがリソースを大量に消費するかどうかはわかりません. 私のオプションは何ですか？

ありがとう！

4

5 に答える 5

0

メインの html ファイルでは、次のようなコードを使用できます。

next.body()

次に、呼び出したいファイルで、次のようなコードを使用できます

inherit file="base.html"

メインファイルを呼び出します。

ただし、それはすべて、使用しているフレームワークによって異なります

于 2012-08-02T13:45:46.107 に答える
0

上記の回答に加えて、このload関数は大きな柔軟性を提供します。HTML のチャンクを挿入できるだけでなく、HTML ファイルへのリンクの後にスペースで区切られたセレクター式を追加することで、そのチャンクから選択部分のみを挿入することもできます。

$("#tobefilled").load("foo.html #onlythiselement",function() {});
于 2012-08-02T13:46:02.837 に答える
0

手始めに、別のオプションとしてテンプレートを使用することもできます: http://api.jquery.com/category/plugins/templates/

于 2012-08-02T13:43:37.963 に答える
0

外部 HTML をロードするには、JQuery を使用します.load(): http://api.jquery.com/load/

例：

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

JavaScript を別のファイルに分割することもできます。

<script src="yourjavascript_file.js" type="text/javascript"></script>
于 2012-08-02T13:40:53.467 に答える
0

jQueryload関数を使用できます。

HTML:

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

jQuery:

$("#load").load("http://link.to/file");
于 2012-08-02T13:42:10.673 に答える