[英]How to include a html file inside another html file with Vanilla Javascript?
我想用纯香草 Js,而不是 React Js 或其他创建单页 web 应用程序。 我想要的是当我单击菜单链接时,我希望它包含另一个 html 文件并在不重新加载的情况下显示结果。 我在 jQuery 中使用include(), get(), load()
完成了它。 但如果可能的话,我想用纯香草 Js 来做,即使有一些技巧。
这是我对 jQuery 所做的事情之一:
$('.link-about').click(function(){
$('.my-div').load('about-page.html');
});
如上所示,它应该如何工作是我单击一个链接并加载另一个 html 文件。
尝试这个
<!DOCTYPE html>
<html>
<head lang="en" dir="ltr">
<script type="text/javascript">
async function load_home()
{
var content = document.getElementById("content");
content.innerHTML = await (await fetch('next.html')).text();
}
</script>
</head>
<body>
<div id="content"></div>
<button onclick="load_home()"> load</button>
</body>
</html>
你可以试试这个。 我正在考虑元素有 id
<script>
document.getElementById('link-about').onclick = function() {
document.getElementById('my-div').innerHTML = '<object data="about.html" >'
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.