用js动态调用 头部底部模板 加读取到的内容

怎么使用：前端动态调用模板

目前问题时 需要在show.html添加一个框架 框架要求  需要将以下代码 用js写入 到show.html的

<div id="iframe-container">

</div> 中而且需要读取到 头部尾部模板 和{$content} 内容

{template "header.html"}
<div class="container">
{$content}
</div>
 <div class="container">
 <h3>资讯</h3>
<iframe src="index.php?c=category&id=9" width="100%" height="1170" frameborder="0" scrolling="no" id="iframe3"></iframe>
<h3>新闻</h3>
<iframe src="index.php?c=category&id=15" width="100%" height="1170" frameborder="0" scrolling="no" id="iframe3"></iframe>
 </div>
{template "footer.html"}

show.html代码为

<div id="iframe-container">
    
</div>