今天写项目的时候想做一个固定显示的权限导航栏,以下是我的方法希望可以帮助到大家。
<li class="layui-nav-item">
<a href="javascript:;">薪资管理</a>
<dl class="layui-nav-child">
<dd><a href="examinePra.html"id="salaryset">薪资设置</a></dd>
<dd><a href="lookSalary.html">薪资查看</a></dd>
<dd><a href="salaryRecord.html">薪资录入</a></dd>
<dd><a href="javascript:;">薪资统计</a></dd>
</dl>
</li>
上面代码是导航栏的一部分,现在我想让薪资设置在用户是人力资源部的时候才能显示,这时候我们可以用到window.onload这个方法,加载进来就判断
<script>
window.onload = function(){
var $ = layui.jquery;
if(user.users[0].deptId!='d10003'){
$("#salaryset").hide()
}
}
</script>
这里我用的是layui框架,如果不用的话你们可以导入Jquery的包就可以使用了