html页面怎样逐级加载多个嵌套ifrme中的内容

自己做网站时遇到的问题解决了总结下。

A页面加载一个iframe1,iframe1指向B页面的内容,B页面内容包括左边菜单跟右边iframe2,iframe2指向C页面内容,如下图:

html页面怎样逐级加载多个嵌套ifrme中的内容_第1张图片


html页面怎样逐级加载多个嵌套ifrme中的内容_第2张图片


如果只是在B页面中通过控制左边菜单加载C页面的内容,可以通过以下方式实现:

  • 公司简介

  • 现在要通过A页面导航菜单直接进入到C页面,也就是要显示iframe2中内容,并且菜单也要对应变换

    html页面怎样逐级加载多个嵌套ifrme中的内容_第3张图片

    这时就需要在跳转的地址中带上参数进行控制,如下:

    A页面js:
    
    

    A页面标签a:

    
    

    A页面iframe及函数调用:
    
    
    

    B页面js:

    
    

    B页面标签a:

    
    

    B页面iframe及函数调用:
    
    
    

    通过以上方法就可以从菜单导航栏进入具体的内容显示页面了,并且左边菜单也会跟着改变

    你可能感兴趣的:(html,iframe,嵌套iframe,Html)