如何设置在html中保留超链接格式但不实现跳转

---恢复内容开始---

老师布置了一个任务,要求用户登录或者不登录都会有一个主页(home.jsp),如果登录的话就会跳转至登录界面(login.jsp),在登录界面中有个验证码,还要求有个和很多登录页面一样的“看不清,换一个”的文字,实现点击“看不清,换一个”实现验证码的刷新。刚开始的时候把index.jsp作为login.jsp来写,然后点击“看不清,换一个”可以实现局部刷新验证码,代码如下

<a href="#" onClick = "CheckCode()">看不清,换一张</a>

因为当时index.jsp是作为login.jsp的,而且index.jsp是项目的默认主页,因此没有问题,一切ok

当我新建了一个home.jsp,将index.jsp改名为login.jsp并在web.xml将home.jsp设置为项目主页后,访问login.jsp,点击“看不清,换一个”页面直接跳转到主页,也就是home.jsp;

很显然,这不是我们要的结果;在参照了https://blog.csdn.net/gcangle/article/details/50444986的解决办法后就一切ok了

修改方法如下:

<a href="javascript:void(null);" onClick = "CheckCode()">看不清,换一张</a>

---恢复内容结束---