javascript: 是一个伪协议,

①javascript:  是一个伪协议,表示在触发默认动作时,执行一段JavaScript代码,

②javascript:; 表示什么都不执行,这样点击时就没有任何反应。

③用在哪 : 当前页面点一下,不跳转, 一般这么干的话会额外用jQuery绑定事件

其他的伪协议还有 mail: tel: file: 等等。

还得知道啥其他防止页面跳转的实现方式 :

<a href="#" > test </a>;

①点击后,页面默认上滚到页的顶部,

②防止上滚到页的顶部 : 加上 οnclick="return false"

<a href="####" > test </a>;

①是啥 : 一个无意义的标签指定,不做任何处理。

②用2个到4个#,大多是"####",也有使用"#all"等其他的。

<a href="javascript:void(0);" >test</a>; 

javascript:void(0) 表示一个死链接,执行空事件。

【在哪看见 , 举个例子】

<a href="javascript:;" th:data-parentid="${t.id}" class="clickBtn" th:text="${t.name}"></a>

----------------------------------------------------------------------------------------

【作用】

点了这个以后不没反应, 但是因为我要额外用jQuery给它绑定事件比如alert一下 , 那我就在额外自己去写代码了

这是做导航的时候后端List类型数据传到前端来进行遍历后用href圈起来的 ,效果:

宇宙 >> 银河系 >> 地球

然后默认打开页面是宇宙相关数据 , 宇宙 >>

点了银河系以后 , 就变成 宇宙 >> 银河系

以此类推

【后端】

具体跳转到篇目 : 吐司导航【挖坑中】

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐