首先要明白iframe的应用场景，iframe并不是不能用，而是不能滥用。

成都创新互联服务项目包括昌乐网站建设、昌乐网站制作、昌乐网页制作以及昌乐网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，昌乐网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到昌乐省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

在数据提交上iframe相比ajax能够提供更高的稳定性以及兼容度，因此在这方面使用一下无妨;

同时iframe的作用是内嵌网页，如果需要引用别的网页做说明，iframe也是必要的。

但是，利用内嵌网页的方式引入固定的内容是完全错误地!虽然现在很多开源程序的后台仍在使用这种做法，这不过是开发者偷懒的手段而已，在前台应用中应极力避免这种做法，无论是对用户还是对搜索引擎的友好度这种做法都是极傻。

回到问题来，题主你竟然不知道可以通过后端引入公用模块的方式让页面某一区域内容固定!!!将导航栏的内容抽离成一个模板，通过后端引入再和本页的内容拼接输出，这是后端新手都应该懂的常识来的吧←_←

使用后端引入的话，每次页面打开导航区和内容区都是一并加载的，实现的效果和你在每个页面都复制一个导航区是一样的。只是在代码上文件被拆分方便管理而已。请不要在意每次都要重新加载导航区，那一点代码产生的带宽资源占用和你页面上的图片以及JQ库比起来算不了什么。

题主想的方式是使用ajax读取每个页面的内容并填充到内容区。这么做并无不妥，但是做法也忒蛋疼了点，还不如直接用iframe引用导航栏。ajax是不应该被滥用，在一些交互上使用ajax避免页面整体刷新减少请求量是一种很方便的做法，但是页面切换也用ajax那就是2B做法了。

至于高度自适应的问题，可以通过JS来做，在页面ready的时候判断内容区元素的高度是否未填充满，不满则设置到$(window).height()。

分享名称：iframe的使用与分析
分享链接：http://chengdu.cdxwcx.cn/article/sppgjd.html