用户登陆上业务主界面时，分割出的另一个页面加载业务首页

1.通过了验证，登录到业务主界面

省略

2.左侧导航栏自动选中工作台

省略

3.业务展示区自动加载业务主界面

在入口函数写一个页面加载完成事件，发起一个同步请求，将业务主界面返回到业务展示区

//页面加载完毕
$(function(){
​
   //导航中所有文本颜色为黑色
   $(".liClass > a").css("color" , "black");
   
   //默认选中导航菜单中的第一个菜单项
   $(".liClass:first").addClass("active");
   
   //第一个菜单项的文字变成白色
   $(".liClass:first > a").css("color" , "white");
   
   //给所有的菜单项注册鼠标单击事件
   $(".liClass").click(function(){
      //移除所有菜单项的激活状态
      $(".liClass").removeClass("active");
      //导航中所有文本颜色为黑色
      $(".liClass > a").css("color" , "black");
      //当前项目被选中
      $(this).addClass("active");
      //当前项目颜色变成白色
      $(this).children("a").css("color","white");
   });
   window.open("workbench/main/index.do","workareaFrame");
});

window.open("workbench/main/index.do","workareaFrame");

4.用户点击工作台按钮后，将业务主界面返回到业务展示区

超连接的默认点击事件就是同步请求，将url改成业务主界面的url，然后target改成业务展示区的id

<li class="liClass"><a href="workbench/main/index.do" target="workareaFrame"><span class="glyphicon glyphicon-home"></span> 工作台</a></li>

href="workbench/main/index.do"           同步请求的资源

target="workareaFrame"                   资源返回到哪个区域（区域id）

`

标签：界面,color,业务,首页,展示区,liClass,加载
来源： https://www.cnblogs.com/new228666/p/16449287.html