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

标签 javascript jquery html

我需要对使用 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/

相关文章:

javascript - 在 Laravel 中应用 Ajax

jquery - jGrowl:如何将我的界面一次限制为一条消息?

javascript - Chrome form.submit 未转到正确的 URL

javascript - 用于始终保持第一个选项卡可见的 Google Sheet 脚本?

javascript - javascript中的交替行颜色

javascript - 使用模糊滤镜模糊框阴影会导致 Webkit 浏览器出现奇怪的线条

javascript - refresh_ce 的含义和来源

html - Material 设计图标,如何将它们作为文本居中?

jquery - HTML5 输入类型数字在 "9"之后出现奇怪的行为

javascript - 如何使用javascript逐个字母地读取文本字段中的字母