日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

html使用共同的头部导航

發(fā)布時(shí)間:2025/6/17 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html使用共同的头部导航 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

寫(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ò),歡迎將生活随笔推薦給好友。