javascript - 如何加载外部 html 文件？

Question

我需要对使用 iFrame 动态加载外部 html 文件的现有项目进行更改。但是，html 文件是同一项目的一部分，而不是外部站点。如果我没记错的话，iFrame 被认为是一种糟糕的加载 html 内容的方式，除非它们用于实际显示外部站点。

我研究了网络组件，但显然，浏览器支持仍然参差不齐，不幸的是，我需要支持 IE9。

我知道 JQuery load() 方法可以实现这一点，但在我的在线研究中，通常不会将其作为加载外部 html 的正确方法，也不会正确替代特别是 iFrame。

有什么理由不应该在这里使用 JQuery 吗？是否有更好和更成熟的方法来做到这一点？例如，我曾经看到一个框架，该框架通过单独的“部分”动态构建界面，但我不记得是哪个框架。

Answer 1

这取决于 HTML -

如果它像完整页面一样构建 - 那么 iFrame 实际上是一个不错的解决方案 - 此外，具有相同来源的 iframe 让您可以完全控制来自父级的内容，同时仍然保护 CSS 和 JS 变量，这非常方便。

如果没有 - jQuery.load() 可以解决问题，您也可以手动执行它，但如果您的项目中已经有 jQuery，只需使用它即可。