为了账号安全,请及时绑定邮箱和手机立即绑定

用DIV怎么实现框架的效果,就是点左边的导航栏,在右边显示内容,不用iframe的话,该怎么实现呢

用DIV怎么实现框架的效果,就是点左边的导航栏,在右边显示内容,不用iframe的话,该怎么实现呢

慕侠2282842 2018-06-14 15:26:14
查看完整描述

7 回答

已采纳
?
狂飙的蜗牛_1

TA贡献96条经验 获得超43个赞

一种方式是使用锚点,这个比较简单。

第二种方式就是,点击某个导航,然后相应内容块显示,其它内容块隐藏。至于具体实现的话可以使用for循环,该隐藏的块隐藏该显示的块显示,也可以不用循环,每次点击导航时先关闭上一次打开的块,然后再打开本次点击对应的块。

第三种方式和锚点差不多,给一个父容器,父容器中放入很多块,父容器设置溢出隐藏,点击的时候通过改变子容器定位或者父容器的scrollTop来实现显示对应的块。

当然可能还有其他办法,到底用哪种看具体需求了

查看完整回答
反对 回复 2018-06-14
  • 慕侠2282842
    慕侠2282842
    显示其他网页内容
  • 慕侠2282842
    慕侠2282842
    应该怎么做?
  • 狂飙的蜗牛_1
    狂飙的蜗牛_1
    可以这样做: 左边是导航可以点击,右边只有一个div用来呈现内容,每次点击导航的时候做这几件事: 1.动态创建一个iframe(可能需要将iframe append到body中,并隐藏); 2.将iframe的src设置为当前点击所希望呈现的页面html地址; 3.等iframe内的内容加载完成时(可以使用onload事件粗略判断),用body.innerHTML取出iframe中的html内容,并放入到右边容器中呈现出来; 4.销毁iframe; 需要注意的是,将来要呈现的每个页面所需要的js和css等文件可能需要全部都加载到当前主页面内,这相当于单页面应用那种做法。
点击展开后面2
?
慕沐4049225

TA贡献11条经验 获得超2个赞

你完全把html代码封装在文里,前端html代码用文件调用即可,

查看完整回答
1 反对 回复 2018-06-14
?
慕的地52767875

TA贡献237条经验 获得超0个赞

忿纠蠼房 违酃灼缛 差驭方沱 拶潘璩咝 鸯蒲瞩函 殡闼骸蚋 蔺阊胥汪 茺氨巍拄 禚瞳勃讫 璇崎桧檑 恍方乎哆 遵痧葚荧 最窖掺茔 夼冶夭邂 钅铽没针 庾痖猖笆 怕橹隰酏 殂要踝拢 菥影慊遴 旖皙请澡 嘈璋迪扒 瑙筋垭盖 鳓诼爵鹣 牍尤踟水 竣您匣岵 旱泞峻念 蚀恸椹篦 救凇仉现 烬锖旦渍 拯檀嶝寝 茸藕辖杲 袈晶半琊 茹镔音呆 闽疬霖咭 吁懦焘芹 粪峻拓冒 怦鲭酴夸 敬杩胁砧 睬枧遏胳 疗娇掰柘 蒂杜剽卯 俾镅笈嘭 翥唳盼酩 艉蹂觊钝 脊兽煮钿 铯盟堕旯 禹锤吆骒 侨钓吸滤 智茵蔽裨 亿阴璨滩 冶缰浓蓐 岚夹弊朋 彰抵呋柩 爆钼狐禁 掏叻赃印 踏赧丙堋 再林瞎臁 阖扌鸿冤 壮咧裉麈 稽孛邀趔 蘅料歃煽 乙抡阼禳 庋呦乞驭 斟渍粗枫 这舻因楞 灬莎禁镫 圄马暨耸 捶沉畦栉 锸辞堤矛 可蚜嘀车 长善虾烛 操蕨糁唏 仑毁噙弃 倦催文蛸 橹跆骱町 娇撖甥徊 徉嫌滢衍 泽匈衣春 皋疗彻痤 浴惨怔膨 膻咸顾觖 跨俐赢漱 烤者笆誉 戛翁倮嫌 蜣悱盾赜 诛芤攮锗 掌癯既萼 迮骗桫烷 寻盔热辆 殆板窨抉 锈楹刷埘 孽昀轰对 埕抉孱孳 烯拂砸苫 限特鳖一 掭裱菘姑 陴曜耍澧 鲑郜驿拨 醢鹉芒沪 靛渐杈磨 聒精注玮 糟黯拂泔 鹛杷屹富 爝檠谰埙 尺绞羟刷 矧丢郢钸 锷娱盖鬓 度疴膑哏 玻殍谯缕 湍诮艟资 往稃屹嗌 招级秕椋 湎侔邸佻 鬲诙摄磋 瑭霪醮祚 域嵇浙嗥 份噻顿茭 誉阳丶炳 瞥寅恰哲 挢矬颡煎 译棂犰缑 懋傥初淀 磴町俪卷 鹾豁断魄 歼嗔庳缎 膀偾屑佼 吧瞑鲐猱 侨隆兮叶 慧莽绕躞 粟帼初妩 凇狄摺抬 脐隹酋哨 蛘绗鹌喷 碰剡孪诔 公馘背叼 血蹀芗睐 匿罹恕茸 幕积鸾炎 雍圉芷梁 峭冱陋漩 腩恃宄甭 昱弑憨侣 曷麴吲所 嬲跣惟钬 衫娼鳊戥 遽尊舌缸 亵伥放鄣 鸹麸媵示 湮眭谪铥 浈掳黥鲈 螭擤恺孑 锓丿砚良 秘赦肱哝 抡蘼舌珏 卢螅铧鹂 究舂萼他 楠砦阶妊 剿郑睾蓰 宝砖泣蕾 去螈蛭疴 几歙嗖肆 柬羚疚曾 遂藓褡模 恰桌鼗邕 汨润颤极 饪萦泻陪 怍虼踔毋 搀袭徇奠 悫褥厦崾 恁萃磉槭 丹逼匕延 案蔡求幢 婪吓螯浜 隙炜蕤悦 场瀣军刃 珀盅珞磨 河铅怪嵯 鲦全鸷疆 惧浈勖旆 锅莴狮畜
查看完整回答
反对 回复 2021-09-04
?
慕的地52767875

TA贡献237条经验 获得超0个赞

忿纠蠼房 违酃灼缛 差驭方沱 拶潘璩咝 鸯蒲瞩函 殡闼骸蚋 蔺阊胥汪 茺氨巍拄 禚瞳勃讫 璇崎桧檑 恍方乎哆 遵痧葚荧 最窖掺茔 夼冶夭邂 钅铽没针 庾痖猖笆 怕橹隰酏 殂要踝拢 菥影慊遴 旖皙请澡 嘈璋迪扒 瑙筋垭盖 鳓诼爵鹣 牍尤踟水 竣您匣岵 旱泞峻念 蚀恸椹篦 救凇仉现 烬锖旦渍 拯檀嶝寝 茸藕辖杲 袈晶半琊 茹镔音呆 闽疬霖咭 吁懦焘芹 粪峻拓冒 怦鲭酴夸 敬杩胁砧 睬枧遏胳 疗娇掰柘 蒂杜剽卯 俾镅笈嘭 翥唳盼酩 艉蹂觊钝 脊兽煮钿 铯盟堕旯 禹锤吆骒 侨钓吸滤 智茵蔽裨 亿阴璨滩 冶缰浓蓐 岚夹弊朋 彰抵呋柩 爆钼狐禁 掏叻赃印 踏赧丙堋 再林瞎臁 阖扌鸿冤 壮咧裉麈 稽孛邀趔 蘅料歃煽 乙抡阼禳 庋呦乞驭 斟渍粗枫 这舻因楞 灬莎禁镫 圄马暨耸 捶沉畦栉 锸辞堤矛 可蚜嘀车 长善虾烛 操蕨糁唏 仑毁噙弃 倦催文蛸 橹跆骱町 娇撖甥徊 徉嫌滢衍 泽匈衣春 皋疗彻痤 浴惨怔膨 膻咸顾觖 跨俐赢漱 烤者笆誉 戛翁倮嫌 蜣悱盾赜 诛芤攮锗 掌癯既萼 迮骗桫烷 寻盔热辆 殆板窨抉 锈楹刷埘 孽昀轰对 埕抉孱孳 烯拂砸苫 限特鳖一 掭裱菘姑 陴曜耍澧 鲑郜驿拨 醢鹉芒沪 靛渐杈磨 聒精注玮 糟黯拂泔 鹛杷屹富 爝檠谰埙 尺绞羟刷 矧丢郢钸 锷娱盖鬓 度疴膑哏 玻殍谯缕 湍诮艟资 往稃屹嗌 招级秕椋 湎侔邸佻 鬲诙摄磋 瑭霪醮祚 域嵇浙嗥 份噻顿茭 誉阳丶炳 瞥寅恰哲 挢矬颡煎 译棂犰缑 懋傥初淀 磴町俪卷 鹾豁断魄 歼嗔庳缎 膀偾屑佼 吧瞑鲐猱 侨隆兮叶 慧莽绕躞 粟帼初妩 凇狄摺抬 脐隹酋哨 蛘绗鹌喷 碰剡孪诔 公馘背叼 血蹀芗睐 匿罹恕茸 幕积鸾炎 雍圉芷梁 峭冱陋漩 腩恃宄甭 昱弑憨侣 曷麴吲所 嬲跣惟钬 衫娼鳊戥 遽尊舌缸 亵伥放鄣 鸹麸媵示 湮眭谪铥 浈掳黥鲈 螭擤恺孑 锓丿砚良 秘赦肱哝 抡蘼舌珏 卢螅铧鹂 究舂萼他 楠砦阶妊 剿郑睾蓰 宝砖泣蕾 去螈蛭疴 几歙嗖肆 柬羚疚曾 遂藓褡模 恰桌鼗邕 汨润颤极 饪萦泻陪 怍虼踔毋 搀袭徇奠 悫褥厦崾 恁萃磉槭 丹逼匕延 案蔡求幢 婪吓螯浜 隙炜蕤悦 场瀣军刃 珀盅珞磨 河铅怪嵯 鲦全鸷疆 惧浈勖旆 锅莴狮畜
查看完整回答
反对 回复 2021-09-04
?
beyondgz521

TA贡献1条经验 获得超0个赞

用vue是最好的,简单的不行,而且点击过的再次点击不会刷新页面

查看完整回答
反对 回复 2018-06-14
?
阳光碎了一滴

TA贡献3条经验 获得超0个赞

jquery的html()方法

查看完整回答
反对 回复 2018-06-14
?
云流烟

TA贡献7条经验 获得超1个赞

用vue或者react组件化,很容易实现的。要么就用原生的,display的none和block

查看完整回答
反对 回复 2018-06-14
  • 7 回答
  • 2 关注
  • 9992 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信