首先要明白iframe的應(yīng)用場景，iframe并不是不能用，而是不能濫用。

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括昌樂網(wǎng)站建設(shè)、昌樂網(wǎng)站制作、昌樂網(wǎng)頁制作以及昌樂網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，昌樂網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到昌樂省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

在數(shù)據(jù)提交上iframe相比ajax能夠提供更高的穩(wěn)定性以及兼容度，因此在這方面使用一下無妨;

同時(shí)iframe的作用是內(nèi)嵌網(wǎng)頁，如果需要引用別的網(wǎng)頁做說明，iframe也是必要的。

但是，利用內(nèi)嵌網(wǎng)頁的方式引入固定的內(nèi)容是完全錯(cuò)誤地!雖然現(xiàn)在很多開源程序的后臺(tái)仍在使用這種做法，這不過是開發(fā)者偷懶的手段而已，在前臺(tái)應(yīng)用中應(yīng)極力避免這種做法，無論是對(duì)用戶還是對(duì)搜索引擎的友好度這種做法都是極傻。

回到問題來，題主你竟然不知道可以通過后端引入公用模塊的方式讓頁面某一區(qū)域內(nèi)容固定!!!將導(dǎo)航欄的內(nèi)容抽離成一個(gè)模板，通過后端引入再和本頁的內(nèi)容拼接輸出，這是后端新手都應(yīng)該懂的常識(shí)來的吧←_←

使用后端引入的話，每次頁面打開導(dǎo)航區(qū)和內(nèi)容區(qū)都是一并加載的，實(shí)現(xiàn)的效果和你在每個(gè)頁面都復(fù)制一個(gè)導(dǎo)航區(qū)是一樣的。只是在代碼上文件被拆分方便管理而已。請(qǐng)不要在意每次都要重新加載導(dǎo)航區(qū)，那一點(diǎn)代碼產(chǎn)生的帶寬資源占用和你頁面上的圖片以及JQ庫比起來算不了什么。

題主想的方式是使用ajax讀取每個(gè)頁面的內(nèi)容并填充到內(nèi)容區(qū)。這么做并無不妥，但是做法也忒蛋疼了點(diǎn)，還不如直接用iframe引用導(dǎo)航欄。ajax是不應(yīng)該被濫用，在一些交互上使用ajax避免頁面整體刷新減少請(qǐng)求量是一種很方便的做法，但是頁面切換也用ajax那就是2B做法了。

至于高度自適應(yīng)的問題，可以通過JS來做，在頁面ready的時(shí)候判斷內(nèi)容區(qū)元素的高度是否未填充滿，不滿則設(shè)置到$(window).height()。