寫(xiě)公司官網(wǎng)時(shí)，發(fā)現(xiàn)導(dǎo)航和輪播每一個(gè)頁(yè)面都有，首先想到的是用vue的路由來(lái)實(shí)現(xiàn)，后來(lái)考慮到seo的問(wèn)題，需要用到nuxt，后來(lái)想了比較麻煩就沒(méi)有用，然后想到了了iframe（但是iframe有阻塞頁(yè)面的加載等缺點(diǎn)，沒(méi)有使用）
下面還是說(shuō)一下iframe自動(dòng)適應(yīng)高度的問(wèn)題
在子頁(yè)面添加如下代碼：

var oIframe = window.top.document.getElementById("mainiframe");var oBody = document.getElementsByTagName("body")[0];oIframe.style.height = oBody.offsetHeight + 'px';

如果主頁(yè)面的iframe是動(dòng)態(tài)的，主頁(yè)面需要添加如下代碼：

function loadPage(path) {document.getElementById("mainiframe").src = path}

最后還是使用了jq 的load
但是load在本地訪問(wèn)的時(shí)候會(huì)出現(xiàn)跨域問(wèn)題，需要放在服務(wù)器上訪問(wèn)，不然報(bào)錯(cuò)如下：

load方法如下：

function loadPage(path) {$('.page').load(path)}

轉(zhuǎn)載于:https://blog.51cto.com/12885303/2147338

總結(jié)

以上是生活随笔為你收集整理的html使用共同的头部导航的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。