gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 17:22:18 27 4
gpt4 key购买 nike

如果我想将一个 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 都是解决此类问题的最有效方法

最佳答案

不,那将是无效语法。

但是,如果您想在窗口中包含一个窗口,则可以使用 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>

关于javascript - html 中的 html 会彼此独立工作吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23825619/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com