您好,登錄后才能下訂單哦!
寫公司官網時,發現導航和輪播每一個頁面都有,首先想到的是用vue的路由來實現,后來考慮到seo的問題,需要用到nuxt,后來想了比較麻煩就沒有用,然后想到了了iframe(但是iframe有阻塞頁面的加載等缺點,沒有使用)
下面還是說一下iframe自動適應高度的問題
在子頁面添加如下代碼:
var oIframe = window.top.document.getElementById("mainiframe");
var oBody = document.getElementsByTagName("body")[0];
oIframe.style.height = oBody.offsetHeight + 'px';
如果主頁面的iframe是動態的,主頁面需要添加如下代碼:
function loadPage(path) {
document.getElementById("mainiframe").src = path
}
最后還是使用了jq 的load
但是load在本地訪問的時候會出現跨域問題,需要放在服務器上訪問,不然報錯如下:
load方法如下:
function loadPage(path) {
$('.page').load(path)
}
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。