如何加载外部html文件?

时间:2017-04-26 14:55:26

标签: javascript jquery html

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

我已经研究过网络组件但显然,浏览器支持仍然不稳定,不幸的是,我需要支持IE9。

我知道JQuery {{1}}方法可以实现这一点,但在我的在线研究中,这并不常作为一般加载外部html的正确方法,尤其是iFrames的正确替代方式

有没有理由不能在这里使用JQuery,并且有没有更好的方法来做到这一点?例如,我曾经看过一个框架,它可以从单独的部分动态构建界面"但我不记得是哪个框架。

2 个答案:

答案 0 :(得分:3)

这取决于HTML -

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

如果不是 - jQuery.load()会做到这一点,你也可以手动执行它,但是如果你的项目中已经有了jQuery,那就使用它。

答案 1 :(得分:1)

load()函数几乎总是最好的方法,如果你遇到使用该函数的特定问题,也许你可以分享它?