0

特別な目的を持つ HTML Web ページがあります。ただし、サイト/アプリの他の場所で使用される一般的な一連のアクションを含む HTML ページもあります。

特定のページ

<html>
  <head><title>Specific Page</title></head>
  <body>
    <h1>My Specific Action</h1>

    <div id="NameAction">
      <!-- Action HTML goes here... -->
    </div>
  </body>
</html>

一般的なアクション

<html>
  <body>
    Please tell me your name...
    <input id="NameText" type="text" size="50" />
    <input id="NameSubmit" type="submit" />
  </body>
</html>

問題は、汎用アクション HTML を特定ページの NameAction div に挿入したいということです。これを行うには、どのような方法がありますか?

4

2 に答える 2

0

iframe を使用する

<html>
  <head><title>Specific Page</title></head>
  <body>
    <h1>My Specific Action</h1>

    <div id="NameAction">
      <iframe src="Path-to-generic-html" />
    </div>
  </body>
</html>
于 2012-09-24T16:37:28.627 に答える
0

ある HTML ドキュメントを別のドキュメントに埋め込む方法である iframe を使用することもできますが、これにより、2 つの HTML フラグメントがフロントエンド (Javascript など) で対話することが難しくなります。使用しているテンプレート エンジン (jsp、php、asp) に応じて、次のように html フラグメントをページに含めることができます (サーバー側のインクルード)。

ジェネリック アクション フラグメント

Please tell me your name...
<input id="NameText" type="text" size="50" />
<input id="NameSubmit" type="submit" />

特定のページ

<html>
  <head><title>Specific Page</title></head>
  <body>
    <h1>My Specific Action</h1>

    <div id="NameAction">
      <% include generic action fragment here using engine specific code %>
    </div>
  </body>
</html>
于 2012-09-24T16:38:18.327 に答える