【前端】javascript:； 是什么

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圈起来的 ,效果:

宇宙 >> 银河系 >> 地球

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

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

以此类推

【后端】

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