用jQuery或Javascript替换iFrame

Question

我正在使用iFrame将公共页脚和标题调用到多站点wordpress中，但页眉和页脚的加载时间远远晚于网站的其他部分。以下是我对页脚的看法：

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

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

Answer 1

您可以使用.load()函数使用jQuery轻松完成此操作。像这样使用它：

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

HTML：

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

有关.load()功能的更多信息：http://www.jquery-tutorial.net/ajax/the-load-method/

希望这有帮助！