是否有任何 HTML 标记可用于将完整的 html 文档导入另一个文档,以便它可以使用原始内容的来源?



我正在寻找任何可用于将整个 html 文档导入到我的另一个文档中的 html 5 标签,因为我想在给定的 JS 代码中使用它......

我已经知道<embed><object>并在代码中尝试了它们,但似乎它无法使用我想使用的原始文档的来源......

以下是我的 JS 函数,我计划在其中使用 html 5 标签...

function changeME(element) {
document.querySelector(".changing_component").innerHTML = '<object type="text/html" data="./components/'+element+'.html" style="overflow:hidden; width: 99.25%; height: 101%" width="100%" height="101%"" ></object>';
}

预期的输出是使用父文档的源来工作 html 文档内容。

试试 html5<iframe>标签。有了它,您可以在当前文件上显示另一个 HTML 文件的内容。

<iframe src="/path_to_html_file" width="" height="" seamless></iframe>

无缝属性使其可滚动

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h3>This is my current html file.</h3>
<iframe src="https://modtechy.com" seamless width="200px" height="300px"></iframe>
</body>
</html>

相关内容

最新更新