Question

如果我要将html放在另一个html里面，那我就是wodndoring：

    <html>
      <head></head>
      <body>
       <html>
        <head></head>
        <body></body>
       </html>
       <html>
        <head></head>
        <body></body>
       </html>
      </body>    
    </html>

如果我在每个html中都包含相同的js文件，那么每个html将单独工作。我有一个表单表单图像预览，我想要包含它几次但是使用相同的ID类和js所以我不必检查我应该执行某个操作的形式。

EDITED：但我还需要为每个表单添加额外的元素，因为表单的数量取决于用户选择的内容。我还有一个提交按钮来将数据发送到数据库，我需要将这些内容添加到每个表单以了解正在发送的内容。因此基本上表单非常相似但不完全相同，并且使用php添加这些额外的属性很容易，但我似乎无法将工作彼此分开，并且我为每个选项编写了不同的文档，我将需要超过100个。 - - ＆GT;不使用iframe的原因

答案：无论做多少工作，改变课程和id都是解决这类问题的最有效方式

Answer 1

不，那将是无效的语法。

但是，如果您想在窗口中设置窗口，可以使用 IFrame 。

尝试这样的事情（将文件保存在同一目录中）

<强> main.html中：

<html>
  <head>
  </head>
  <body>
    <h1>Hello!</h1>
    <iframe src="cats.html"></iframe>
  </body>
</html>

<强> cats.html

<html>
  <head>
  </head>
  <body style="background-color: #ff00ff">
    <h1>I like cats!</h1>
  </body>
</html>

你会看到cats.html被加载到main.html

中

希望有所帮助：）

- 编辑 如果你真的需要保持相同的类，那么尝试这样的事情：

<强> main.html中：

<html>
  <head>
  </head>
  <body>
    <h1>Hello!</h1>
    <form>
      <input type="text" id="cat"></input
      <input type="submit">Submit</input>
    </from>
    <script>
      window.setCatFormContent = function(content){$("#cat").val(content)};
    </script>
    <iframe src="cats.html"></iframe>
  </body>
</html>

<强> cats.html

<html>
  <head>
  </head>
  <body style="background-color: #ff00ff">
    <h1>I like cats!</h1>
    <input type="text" id="cat"></input>
    <button id="sendCat">Kitty Button</button>
    <script>
      $("#sendCat").on("click", function(){
        window.parent.setCatFormContent($("#cat").val()
      });
    </script>
  </body>
</html>

Answer 2

您必须将外部html / php文件链接到主文件。

<强> mainfile.html

<html>

    <head>
    </head>

    <body>
    <iframe src="iframe.html" id="iframeid">Name of iframe</iframe>
    </body>

</html>

<强> Iframe.html的

<html>

    <head>
    </head>

    <body>
    <form action="action.php" method="post/get">
    </form>
    </body>

</html>

html里面的htmls会彼此分开工作吗？

2 个答案: