针对使用网页嵌套iframe标签,点击左侧导航栏,在右侧动态显示页面的信息

其实很简单,就几行js代码就搞的定。下面请看具体操作!!
先给一串代码模板瞅瞅:

用户管理
  • 管理员
  • 角色管理
  • 会员
产品管理
  • 视频查看
  • 视频上传

重点部分来了,那如何当点击左侧导航如:管理员,角色管理,会员等这些,就会在右侧部分动态展示页面信息(其他部分不变呢),这里贴上js代码

$(function(){
   $(".main_left li").on("click",function(){
         var address =$(this).attr("data-src");
      $("iframe").attr("src",address);
   });
});

到这里就结束了,当点击左侧指示列表,右侧刷新指示内容。堪称完美。
Over!!

你可能感兴趣的:(iframe)