不用iframe，网页如何分块

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

在数据提交上iframe相比ajax可以提供更高的动摇性以及兼容度，因此在这方面运用一下无妨；

同时iframe的作用是内嵌网页，假设需求援用别的网页做说明，iframe也是必要的。

但是，应用内嵌网页的方式引入固定的内容是完全错误地！虽然如今很多开源顺序的后台仍在运用这种做法，这不过是开发者偷懒的手腕而已，在前台运用中应竭力防止这种做法，无论是对用户还是对搜索引擎的友好度这种做法都是极傻。

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

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

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

至于高度自顺应的效果，可以经过JS来做，在页面ready的时分判别内容区元素的高度能否未填充溢，不满则设置到$(window).height()。