0

我有一个具有特殊用途的 HTML 网页。但是，我还有一个 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

您可以使用 iframe，这是一种将一个 html 文档嵌入到另一个文档中的方法，但是这使得两个 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 回答