用jQuery或Javascript替换iFrame

我使用iFrame在多站点wordpress中调用公共页脚和页眉，但是页眉和页脚的加载要比站点的其余部分晚得多。下面是我为页脚准备的内容：

<iframe scrolling="no" height="395px" frameborder="0" width="100%" src="http://domain.com/common-footer/" class="footer-frame"></iframe>

---

有没有更好的方法来做到这一点或改进这一点？非常感谢。

您可以使用jQuery和

.load（）

函数轻松完成这项工作。像这样使用它：

<script> 
$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script>

$（函数（）{
$（“#header”）.load（“header.html”）；
$（“#footer”）.load（“footer.html”）；
});

HTML:

有关

.load（）

函数的详细信息：

---

希望这有帮助

嗯，我想到了PHP，特别是Wordpress中的内置方法，用于实际包含页眉和页脚？好吧，尝试与Wordpress中的其他站点/主题动态共享main的页眉和页脚，我的开发人员想出了这个“iFrame”解决方案。现在我看到了加载的延迟，我正在试着看看是否可以改进。你的开发人员很差劲，找其他人或自己阅读法典，了解应该如何完成，这都是内置的准备就绪->对不起，我是一个学习者。。。所以我需要在脚本中放置页眉/页脚的文字位置…对吗？比如：“你需要额外的帮助吗？”？我能帮忙吗？我需要在网站的页脚中调用commo-footer.php。这会以你介绍的格式工作吗？是的，你可以让它这样做：

<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>