我需要对使用 iFrame 动态加载外部 html 文件的现有项目进行更改。但是,html 文件是同一项目的一部分,而不是外部站点。如果我没记错的话,iFrame 被认为是一种糟糕的加载 html 内容的方式,除非它们用于实际显示外部站点。
我研究了网络组件,但显然,浏览器支持仍然参差不齐,不幸的是,我需要支持 IE9。
我知道 JQuery load()
方法可以实现这一点,但在我的在线研究中,通常不会将其作为加载外部 html 的正确方法,也不会正确替代特别是 iFrame。
有什么理由不应该在这里使用 JQuery 吗?是否有更好和更成熟的方法来做到这一点?例如,我曾经看到一个框架,该框架通过单独的“部分”动态构建界面,但我不记得是哪个框架。
最佳答案
这取决于 HTML -
如果它像完整页面一样构建 - 那么 iFrame 实际上是一个不错的解决方案 - 此外,具有相同来源的 iframe 让您可以完全控制来自父级的内容,同时仍然保护 CSS 和 JS 变量,这非常方便。
如果没有 - jQuery.load() 可以解决问题,您也可以手动执行它,但如果您的项目中已经有 jQuery,只需使用它即可。
关于javascript - 如何加载外部 html 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43637730/