a href="javascript"作用[亲测有效]

Java (77) 2023-06-11 15:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说a href="javascript"作用[亲测有效],希望能够帮助你!!!。

今天在完成一个验证码刷新案例的时候,碰到一些问题
需求是:点击超链接,验证码的图片随机更换
a href="javascript"作用[亲测有效]_https://bianchenghao6.com/blog_Java_第1张
完成此操作,需要用到a标签的 < a href = “javascript:;”>相关知识

1. a href = “javascript:;” 含义

是为了让超链接去执行js函数,点击此超链接时,页面不会进行任何操作,防止跳到其他页面
点击后,页面不动,只打开连接

其中javascript:是一个伪协议,可以让我们通过超链接去调用javascript函数,但是这个函数为空,所以我们调用的是一个空函数,相当于"javascript:void(0)",并不会发生实质性的改变,同时也可以实现a标签的点击运行,

上述案例中使用 a href = “javascript:;” 完成点击超链接更换验证码的代码实现如下

<body>
    <img id="checkCode" src="/day15/checkCodeServlet"/>
    <!-- 点击超链接换图片 -->
    <a id="change" href="javascript:;"onclick="document.getElementById('checkCode').src ='/day15/checkCodeServlet?dt='+(new Date()).getTime()">
        看不清换一张?
    </a>
</body>

2.a href="#" 含义

将href="#“是指连接到当前页面,这是一个锚链接,可以用来访问锚点
a中href=”#top" 表示回到顶部,如果当前页面需要滚动的话,就可以通过这种方式直接回到顶部

<a name="top"></a>
.............
<a href="#top">回到顶部</a> 

3.防止点击链接跳到其他页面的情况

<a href="javascript:void(0)"> </a>
<a href="javascript:void(null)"> </a>
<a href="####"> <a>
<a href ="#" onclick = "return false"> </a>

发表回复