Question

我有一个专门用途的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>

问题是，我想将Generic Action HTML注入特定页面中的NameAction div。我有什么方法可以做到这一点？

Answer 1

使用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>

Answer 2

你可以使用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>

将HTML包含在同一网站上的另一个页面中？

2 个答案: