乙個頁面如果有很多標籤切換,將所有的div都寫在乙個html檔案中,會造成html檔案過大,不易閱讀和維護。所以需要將切換的div寫在其他不同的html檔案中,這時候就可以採用iframe實現不同的html檔案在主檔案中區域性切換。
利用iframe的name屬性和a標籤的target屬性實現a標籤和iframe的關聯。
>
>
href
="/iframe/mycommunity.html"
target
="frame"
>
第乙個iframea
>
href
="/iframe/mysoftware.html"
target
="frame"
>
第二個iframea
>
href
="/iframe/myvip.html"
target
="frame"
>
第三個iframea
>
href="
" target
="frame"
>
第四個iframea
>
div>
>
name
="frame"
frameborder
='none'
scrolling
="no"
>
iframe
>
div>
body
>
ps:
關於iframe使用fixed失效問題
fixed定位屬於絕對定位,相對於瀏覽器視窗進行定位,但是iframe本身就類似於建立了乙個瀏覽器視窗 ,所以對iframe中的元素使用fixed會出現失效問題。
引數設定
scrolling:iframe滾動條設定,auto,預設值,在需要的時候出現滾動條;yes,始終顯示滾動條;no,始終不顯示滾動條。
frameborder:是否顯示周圍邊框。1,預設值,有邊框;0關閉邊框;
iframe 跳轉方法
一 背景 a,b,c,d都是jsp,d是c的iframe,c是b的iframe,b是a的iframe,在d中跳轉頁面的寫法區別如下。二 js跳轉 window.location.href location.href 本頁面跳轉,d頁面跳轉 parent.location.href 上一層頁面跳轉,c...
div加jquery實現iframe標籤的功能
由於最近專案需要,前端後台都完全採用div css的方式布局。因而左思右想,有什麼辦法可以替代常用的iframe上下左右的布局方式,而且頁面只是區域性重新整理。參考了許多前輩的資料,並加以整理,因而有了以下的方法。需求 1 由於是全域性的div css,由於每次提交的內容都會有所差異。2 每個提交都...
iframe的跳轉方法
window.location.href location.href 是本頁面跳轉 parent.location.href 是上一層頁面跳轉 top.location.href 是最外層的頁面跳轉 舉例說明 如果a,b,c,d都是jsp,d是c的iframe,c是b的iframe,b是a的ifra...