从href获取html文件，并使用vanilla javascript将其加载到页面中

假设我有这个菜单：

您可以使用

元素，将

rel

属性设置为

“导入”

，在

单击
文档主体中的元素之前加载文档片段，并将
的内容设置为
链接的克隆元素



const content=document.getElementById（“内容”）；
const links=document.links；
const imports=document.queryselectoral（“link[rel=import]”）；
for（链接的常量链接）{
link.onclick=（e）=>{
e、 预防默认值（）；
e、 停止即时复制（）；
const clone=document.querySelector（e.target.hash）.import
.querySelector（“div”）.cloneNode（真）；
content.appendChild（克隆）；
}
}
如果您搜索“javascript ajax”，您应该用纯js提供标准实现。Jquery很好，因为它处理了某些特定于浏览器的细节，这使得长表单变得凌乱。或者，也可以使用iframe。你具体在寻找什么？你尝试过什么？是一个完整的html文档还是一个文档片段？它是一个片段，只是一个带有h1标记的div。与所有其他文件一样，链接的副本有一个答案，说明如何发出Ajax请求并将结果加载到当前页面上的特定元素中。将其与锚元素上的简单单击处理程序相结合，该处理程序使用
event.preventDefault（）
停止默认锚导航和Bob的叔叔。您还可以通过在获取的文本上使用，有一个使用AJAX加载外部文档的polyfill。@Kaido没有注意到在
.js
上使用了AJAX。由于Firefox或其他浏览器缺乏支持，您是否建议删除答案？不，一点也不，这仍然是一件好事，希望将来会得到支持。但我觉得这还是值得的。