我正在寻找任何可用于将整个 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>