连接跳转问题

谁帮我写个连接来回跳转js，就是底部导航连接，看了很多案例，没看懂呀
<nav class="mui-bar mui-bar-tab" id="myfooter">
<a class="mui-tab-item mui-active" id="index.html" href="index.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" id="xm.html" href="xm.html">
<span class="mui-icon mui-icon-email"></span>
<span class="mui-tab-label">项目</span>
</a>
<a class="mui-tab-item" id="beautician.html" href="beautician.html">
<span class="mui-icon mui-icon-gear"></span>
<span class="mui-tab-label">美容师</span>
</a>
<a class="mui-tab-item" id="user.html" href="user.html">
<span class="mui-icon mui-icon-contact"></span>
<span class="mui-tab-label">我的</span>
</a>
</nav>