Javascript 导入/更改HTML内容（ES6更新后）

我一直试图通过导入外部HTML文件来动态更改HTML页面的内容。我找到了一种使用HTML导入的方法，但是如果我理解正确的话，由于ES6的更新，这个功能将在中过时。从我在网上找到的情况来看，可能有另一种方法可以使用javascript模块实现这一点，但我找不到任何具体的方法

我想改变页面的很大一部分（一个包含表单的窗口变成一个显示用户统计信息的窗口），这样在javascript中使用.innerHTML看起来就不明智了。有没有人对如何导入html文件或动态更改页面内容有什么好主意？（使用javascript、节点等）

---

非常感谢任何帮助：）

我有点晚了，答案已经在这个问题的评论中链接到了，但我还是来了

您应该能够使用Ajax获取html文件内容。（作为字符串） 有了html文件的内容，您应该能够使用DOMParser类将其解析为JS中的htmlDoc（如来自

document.getElement的全局
document
等）



将html解析为htmlDocument后，您应该能够使用
.getElement
或
.body.children
通过结果获取正文。这个问题的结果应该是一个简单的domNode，您可以将它附加到另一个domNode。
我有点晚了，答案已经在这个问题的评论中链接到了，但我还是继续

您应该能够使用Ajax获取html文件内容。（作为字符串）
有了html文件的内容，您应该能够使用DOMParser类将其解析为JS中的htmlDoc（如来自
document.getElement的全局
document
等）



将html解析为htmlDocument后，您应该能够使用
.getElement
或
.body.children
通过结果获取正文。这样做的结果应该是一个简单的domNode，您可以将它附加到另一个domNode。
这里是关于web组件的。您是否可以选择一个框架（Angular、vue.js、react）？因为所有这些框架都是为了快速、一致地创建动态web应用程序而设计的。可能重复的或@Supersharp感谢您的回复。现在我正在使用：$（“#表单容器”）.load（'login-form.html'）；而且它似乎是有效的，这种方法是否有任何缺点可以让你的建议更可行？@dun32谢谢你的回复。我没有任何使用框架的实践，对于这个项目，我认为我没有时间投入其中。实现html内容甚至不是强制性的，但我想把它作为一个附带项目来做（主要关注的是在mysql中存储数据并构建某种网站），这里是关于web组件的。您是否可以选择一个框架（Angular、vue.js、react）？因为所有这些框架都是为了快速、一致地创建动态web应用程序而设计的。可能重复的或@Supersharp感谢您的回复。现在我正在使用：$（“#表单容器”）.load（'login-form.html'）；而且它似乎是有效的，这种方法是否有任何缺点可以让你的建议更可行？@dun32谢谢你的回复。我没有任何使用框架的实践，对于这个项目，我认为我没有时间投入其中。实现html内容甚至不是强制性的，但我想把它作为一个辅助项目来做（主要关注的是在mysql中存储数据并建立某种网站），感谢您的回复，并为稍后的回复感到抱歉。我最终从纯HTML切换到EJS，并在节点中使用res.render（）传递一些数据。然后，我将该数据与EJS include函数结合使用，以导入网页的不同部分。这对我来说很好，但是如果目标是使用简单的HTML，那么你的解决方案可能是一个很好的方式。谢谢你的回复，很抱歉以后再回复。我最终从纯HTML切换到EJS，并在节点中使用res.render（）传递一些数据。然后，我将该数据与EJS include函数结合使用，以导入网页的不同部分。它对我来说很好，但是如果目标是使用简单的HTML，那么您的解决方案可能是一个好方法。