a標籤實現iframe跳轉

2021-10-10 04:25:02 字數 1084 閱讀 9127

乙個頁面如果有很多標籤切換,將所有的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...