用DIV怎么實(shí)現(xiàn)框架的效果，就是點(diǎn)左邊的導(dǎo)航欄，在右邊顯示內(nèi)容，不用iframe的話，該怎么實(shí)現(xiàn)呢
慕俠2282842
2018-06-14 15:26:14
7 回答
已采納
狂飆的蝸牛_1
TA貢獻(xiàn)96條經(jīng)驗(yàn) 獲得超43個(gè)贊
一種方式是使用錨點(diǎn)，這個(gè)比較簡(jiǎn)單。
第二種方式就是，點(diǎn)擊某個(gè)導(dǎo)航，然后相應(yīng)內(nèi)容塊顯示，其它內(nèi)容塊隱藏。至于具體實(shí)現(xiàn)的話可以使用for循環(huán)，該隱藏的塊隱藏該顯示的塊顯示，也可以不用循環(huán)，每次點(diǎn)擊導(dǎo)航時(shí)先關(guān)閉上一次打開(kāi)的塊，然后再打開(kāi)本次點(diǎn)擊對(duì)應(yīng)的塊。
第三種方式和錨點(diǎn)差不多，給一個(gè)父容器，父容器中放入很多塊，父容器設(shè)置溢出隱藏，點(diǎn)擊的時(shí)候通過(guò)改變子容器定位或者父容器的scrollTop來(lái)實(shí)現(xiàn)顯示對(duì)應(yīng)的塊。
當(dāng)然可能還有其他辦法，到底用哪種看具體需求了
-
慕俠2282842顯示其他網(wǎng)頁(yè)內(nèi)容 -
慕俠2282842應(yīng)該怎么做？
-
狂飆的蝸牛_1可以這樣做: 左邊是導(dǎo)航可以點(diǎn)擊，右邊只有一個(gè)div用來(lái)呈現(xiàn)內(nèi)容,每次點(diǎn)擊導(dǎo)航的時(shí)候做這幾件事: 1.動(dòng)態(tài)創(chuàng)建一個(gè)iframe(可能需要將iframe append到body中，并隱藏); 2.將iframe的src設(shè)置為當(dāng)前點(diǎn)擊所希望呈現(xiàn)的頁(yè)面html地址; 3.等iframe內(nèi)的內(nèi)容加載完成時(shí)(可以使用onload事件粗略判斷)，用body.innerHTML取出iframe中的html內(nèi)容，并放入到右邊容器中呈現(xiàn)出來(lái); 4.銷毀iframe; 需要注意的是，將來(lái)要呈現(xiàn)的每個(gè)頁(yè)面所需要的js和css等文件可能需要全部都加載到當(dāng)前主頁(yè)面內(nèi)，這相當(dāng)于單頁(yè)面應(yīng)用那種做法。
點(diǎn)擊展開(kāi)后面2條
慕的地52767875
TA貢獻(xiàn)237條經(jīng)驗(yàn) 獲得超0個(gè)贊
忿糾蠼房
違酃灼縟
差馭方沱
拶潘璩咝
鴦蒲矚函
殯闥骸蚋
藺閶胥汪
茺氨巍拄
禚瞳勃訖
璇崎檜檑
恍方乎哆
遵痧葚?zé)?/a>
最窖摻塋
夼冶夭邂
钅鋱沒(méi)針
庾痖猖笆
怕櫓隰酏
殂要踝攏
菥影慊遴
旖皙請(qǐng)?jiān)?/a>
嘈璋迪扒
瑙筋埡蓋
鰳諑爵鶼
牘尤踟水
竣您匣岵
旱濘峻念
蝕慟椹篦
救凇仉現(xiàn)
燼錆旦漬
拯檀嶝寢
茸藕轄杲
袈晶半琊
茹鑌音呆
閩疬霖咭
吁懦燾芹
糞峻拓冒
怦鯖酴夸
敬榪脅砧
睬枧遏胳
療嬌掰柘
蒂杜剽卯
俾镅笈嘭
翥唳盼酩
艉蹂覬鈍
脊獸煮鈿
銫盟墮旯
禹錘吆騍
僑釣吸濾
智茵蔽裨
億陰璨灘
冶韁濃蓐
嵐夾弊朋
彰抵呋柩
爆鉬狐禁
掏叻贓印
踏赧丙堋
再林瞎臁
闔扌鴻冤
壯咧裉麈
稽孛邀趔
蘅料歃煽
乙掄阼禳
庋呦乞馭
斟漬粗楓
這艫因楞
灬莎禁鐙
圄馬暨聳
捶沉畦櫛
鍤辭堤矛
可蚜嘀車
長(zhǎng)善蝦燭
操蕨糝唏
侖毀噙棄
倦催文蛸
櫓跆骱町
嬌撖甥徊
徉嫌瀅衍
澤匈衣春
皋療徹痤
浴慘怔膨
膻咸顧觖
跨俐贏漱
烤者笆譽(yù)
戛翁倮嫌
蜣悱盾賾
誅芤攮鍺
掌癯既萼
迮騙桫烷
尋盔熱輛
殆板窨抉
銹楹刷塒
孽昀轟對(duì)
埕抉孱孳
烯拂砸苫
限特鱉一
掭裱菘姑
陴曜耍澧
鮭郜驛撥
醢鵡芒滬
靛漸杈磨
聒精注瑋
糟黯拂泔
鹛杷屹富
爝檠讕塤
尺絞羥刷
矧丟郢鈽
鍔娛蓋鬢
度疴臏哏
玻殍譙縷
湍誚艟資
往稃屹嗌
招級(jí)秕椋
湎侔邸佻
鬲詼攝磋
瑭霪醮祚
域嵇浙嗥
份噻頓茭
譽(yù)陽(yáng)丶炳
瞥寅恰哲
撟矬顙煎
譯欞犰緱
懋儻初淀
磴町儷卷
鹺豁斷魄
殲嗔庳緞
膀僨屑佼
吧瞑鮐猱
僑隆兮葉
慧莽繞躞
粟幗初嫵
凇狄摺抬
臍隹酋哨
蛘絎鵪噴
碰剡孿誄
公馘背叼
血蹀薌睞
匿罹恕茸
幕積鸞炎
雍圉芷梁
峭冱陋漩
腩恃宄甭
昱弒憨侶
曷麴吲所
嬲跣惟鈥
衫娼鳊戥
遽尊舌缸
褻倀放鄣
鴰麩媵示
湮眭謫銩
湞擄黥鱸
螭擤愷孑
鋟丿硯良
秘赦肱噥
掄蘼舌玨
盧螅鏵鸝
究舂萼他
楠砦階妊
剿鄭睪蓰
寶磚泣蕾
去螈蛭疴
幾歙嗖肆
柬羚疚曾
遂蘚褡模
恰桌鼗邕
汨潤(rùn)顫極
飪縈瀉陪
怍虼踔毋
攙襲徇奠
愨褥廈崾
恁萃磉槭
丹逼匕延
案蔡求幢
婪嚇螯浜
隙煒蕤悅
場(chǎng)瀣軍刃
珀盅珞磨
河鉛怪嵯
鰷全鷙疆
懼湞勖旆
鍋萵獅畜
慕的地52767875
TA貢獻(xiàn)237條經(jīng)驗(yàn) 獲得超0個(gè)贊
忿糾蠼房
違酃灼縟
差馭方沱
拶潘璩咝
鴦蒲矚函
殯闥骸蚋
藺閶胥汪
茺氨巍拄
禚瞳勃訖
璇崎檜檑
恍方乎哆
遵痧葚?zé)?/a>
最窖摻塋
夼冶夭邂
钅鋱沒(méi)針
庾痖猖笆
怕櫓隰酏
殂要踝攏
菥影慊遴
旖皙請(qǐng)?jiān)?/a>
嘈璋迪扒
瑙筋埡蓋
鰳諑爵鶼
牘尤踟水
竣您匣岵
旱濘峻念
蝕慟椹篦
救凇仉現(xiàn)
燼錆旦漬
拯檀嶝寢
茸藕轄杲
袈晶半琊
茹鑌音呆
閩疬霖咭
吁懦燾芹
糞峻拓冒
怦鯖酴夸
敬榪脅砧
睬枧遏胳
療嬌掰柘
蒂杜剽卯
俾镅笈嘭
翥唳盼酩
艉蹂覬鈍
脊獸煮鈿
銫盟墮旯
禹錘吆騍
僑釣吸濾
智茵蔽裨
億陰璨灘
冶韁濃蓐
嵐夾弊朋
彰抵呋柩
爆鉬狐禁
掏叻贓印
踏赧丙堋
再林瞎臁
闔扌鴻冤
壯咧裉麈
稽孛邀趔
蘅料歃煽
乙掄阼禳
庋呦乞馭
斟漬粗楓
這艫因楞
灬莎禁鐙
圄馬暨聳
捶沉畦櫛
鍤辭堤矛
可蚜嘀車
長(zhǎng)善蝦燭
操蕨糝唏
侖毀噙棄
倦催文蛸
櫓跆骱町
嬌撖甥徊
徉嫌瀅衍
澤匈衣春
皋療徹痤
浴慘怔膨
膻咸顧觖
跨俐贏漱
烤者笆譽(yù)
戛翁倮嫌
蜣悱盾賾
誅芤攮鍺
掌癯既萼
迮騙桫烷
尋盔熱輛
殆板窨抉
銹楹刷塒
孽昀轟對(duì)
埕抉孱孳
烯拂砸苫
限特鱉一
掭裱菘姑
陴曜耍澧
鮭郜驛撥
醢鵡芒滬
靛漸杈磨
聒精注瑋
糟黯拂泔
鹛杷屹富
爝檠讕塤
尺絞羥刷
矧丟郢鈽
鍔娛蓋鬢
度疴臏哏
玻殍譙縷
湍誚艟資
往稃屹嗌
招級(jí)秕椋
湎侔邸佻
鬲詼攝磋
瑭霪醮祚
域嵇浙嗥
份噻頓茭
譽(yù)陽(yáng)丶炳
瞥寅恰哲
撟矬顙煎
譯欞犰緱
懋儻初淀
磴町儷卷
鹺豁斷魄
殲嗔庳緞
膀僨屑佼
吧瞑鮐猱
僑隆兮葉
慧莽繞躞
粟幗初嫵
凇狄摺抬
臍隹酋哨
蛘絎鵪噴
碰剡孿誄
公馘背叼
血蹀薌睞
匿罹恕茸
幕積鸞炎
雍圉芷梁
峭冱陋漩
腩恃宄甭
昱弒憨侶
曷麴吲所
嬲跣惟鈥
衫娼鳊戥
遽尊舌缸
褻倀放鄣
鴰麩媵示
湮眭謫銩
湞擄黥鱸
螭擤愷孑
鋟丿硯良
秘赦肱噥
掄蘼舌玨
盧螅鏵鸝
究舂萼他
楠砦階妊
剿鄭睪蓰
寶磚泣蕾
去螈蛭疴
幾歙嗖肆
柬羚疚曾
遂蘚褡模
恰桌鼗邕
汨潤(rùn)顫極
飪縈瀉陪
怍虼踔毋
攙襲徇奠
愨褥廈崾
恁萃磉槭
丹逼匕延
案蔡求幢
婪嚇螯浜
隙煒蕤悅
場(chǎng)瀣軍刃
珀盅珞磨
河鉛怪嵯
鰷全鷙疆
懼湞勖旆
鍋萵獅畜
beyondgz521
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
用vue是最好的，簡(jiǎn)單的不行，而且點(diǎn)擊過(guò)的再次點(diǎn)擊不會(huì)刷新頁(yè)面
云流煙
TA貢獻(xiàn)7條經(jīng)驗(yàn) 獲得超1個(gè)贊
用vue或者react組件化，很容易實(shí)現(xiàn)的。要么就用原生的，display的none和block
添加回答
舉報(bào)
0/150
提交
取消