Bootstrap面包屑导航，right.html操作top.html

需求

页面是使用frameSet布局的，当点击左侧的菜单后，右侧的页面发生改变，同时顶部的面包屑导航也发生改变。

效果如下

实现

第一步：封装JS方法，right.html页面需要引入这段js代码

/**
 * 面包屑导航
 * @param level1
 * @param level2
 */
function breadCrumbTitle(level1,level2){
   //查找top.html中#Bread元素
    var breadcrumb=$(window.parent.frames["topFrame"].document).find("#Bread");
    var breadCon='
';
        breadCon+='';
        breadCon+=' 主页
'+level1+'
';
        breadCon+='
'+level2+'
';
        $(breadcrumb).empty();
        $(breadcrumb).append(breadCon);
 }

第二步：在top.html中要有#Bread,因为面包屑就放置在此DIV里面

第三步：right.html页面调用我们封装的JS方法

breadCrumbTitle("系统管理","用户列表");