Javascript html中的html会彼此独立工作吗?

Javascript html中的html会彼此独立工作吗?,javascript,jquery,html,Javascript,Jquery,Html,如果我想把一个html放在另一个html中,我很惊讶,就像这样: <html> <head></head> <body> <html> <head></head> <body></body> </html> <html> <head>

如果我想把一个html放在另一个html中,我很惊讶,就像这样:

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

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


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


答:无论更改类和id的工作量有多大,它都是解决此类问题的最有效方法

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

mainfile.html

<html>

    <head>
    </head>

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

</html>
<html>

    <head>
    </head>

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

</html>

iframe的名称
iframe.html

<html>

    <head>
    </head>

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

</html>
<html>

    <head>
    </head>

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

</html>

否,这将是无效的语法

但是,如果希望在窗口中有一个窗口,可以使用IFrame

尝试类似的方法(将文件保存在同一目录中)

main.html:


你好
cats.html

<html>

    <head>
    </head>

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

</html>
<html>

    <head>
    </head>

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

</html>

我喜欢猫!
您将看到cats.html加载在main.html中

希望有帮助:)

--编辑 如果确实需要保留相同的类,请尝试以下方法:

main.html:


你好

你在@undefined上击败了我,但我还需要为每个表单添加额外的元素,因为表单的数量取决于用户选择的内容。我还有一个提交按钮,可以将数据发送到数据库,我需要将这些内容添加到每个表单中,以了解我要发送的内容。因此,基本上表单非常相似,但不完全相同,使用php添加这些额外属性很容易,但我似乎无法将工作彼此分开,并且我会为每个选择编写不同的文档。一个框架中的JS将不会与另一个框架交互,除非您真的尝试这样做:)我使用iframe添加了一些编辑,很抱歉在这看起来很有趣之前没有,但是在我尝试任何操作之前,是否可以创建一个iframe,其中的代码如下->…html,我正在努力减轻我的工作,因为我希望添加的数据通过php…恐怕不行。iFrame必须是其他文件。你能不能先改变导致这个问题的类别?不仅仅是类别,我正在使用plupload,每个表单都需要单独使用,我有一个图片动画,可以按类获取元素,通过更改类和ID使未知数量的表单分别工作是一个主要问题。仅仅发布一些代码是不够的,您需要详细解释您的答案,这样每个人都很容易理解你的建议。