做后台管理系统，页面中采用传统的框架iframe，有诸多的不方便。

比如说左右两栏，点击左侧链接aaa.html，其内容子啊右侧框架中显示，那么框架的高度需要实时根据左侧链接aaa.html的内容高度来用js调整。
简单示例代码如下：
<a href="aaa.html" target="iframe"></a>
<iframe id="iframe" name="iframe" src="#" frameborder="0" width="100%" height="auto"></iframe>

再比如，在框架内显示的网页，如果其内元素点击等操作时，会动态调整高度，而框架整体高度又无法随之相应调整。



能想到的就是用jquery 的load()方法来取代，如下简单代码示例：

<a href="aaa.html" class="left"></a>
<div id="content"></div>

js代码：
$('.left').click(function(){
   $("#content").load($(this).prop('href'));
});

似乎这样也会产生一样引入问题。比如，子页面的js文件失效等等。


求问一下，现在有成熟的取代iframe的简单好用的方案吗？
--
FROM 119.184.121.*