Html 让导航栏按条件显示

今天写项目的时候想做一个固定显示的权限导航栏，以下是我的方法希望可以帮助到大家。

<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的包就可以使用了