Javascript html中的html会彼此独立工作吗?
如果我想把一个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>
<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使未知数量的表单分别工作是一个主要问题。仅仅发布一些代码是不够的,您需要详细解释您的答案,这样每个人都很容易理解你的建议。