javascript:的⽤法
今天学习了href="javascript:;"的⽤法。
href="javascript:;" 在框架中经常⽤到,利⽤href="javascript:;"可以让web框架更加美观。
先说⼀下href="javascript:;"的意思:
javascript: 是⼀个伪协议
javascript:是表⽰在触发<a>默认动作时,执⾏⼀段JavaScript代码,⽽ javascript:; 表⽰什么都不执⾏,这样点击<a>时就没有任何反应。href="javascript:;"就是去掉a标签的默认⾏为,跟href="javascript:void(0)"是⼀样的?
是⼀样的。
void 是JavaScript 的⼀个运算符,void(0)就是什么都不做的意思。
我的框架的代码:
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域(可配合layui已有的垂直导航) -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;" >数据集管理</a>
<dl class="layui-nav-child">
<dd><a href="UserDataIn.html" class="layui-bg-green">数据集导⼊</a></dd>
<dd><a href="UserHisData.html" >历史数据集</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="UserDBManage.html" id="group2">数据库管理</a>
</li>layui框架怎么用
</ul>
</div>
</div>
实现:
当点击数据集管理的时候会显⽰下⾯的两个列表,但右侧的部分不会改变,但是再点击数据集导⼊的时候右侧的部分会超链接到别的地⽅,这就是href="javascript:;
的意义,可以⽤a标签来实现不超链的效果

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。