a href="javascript"作用

最新推荐文章于 2024-03-17 23:10:10 发布

小小老虎上灯台

最新推荐文章于 2024-03-17 23:10:10 发布

阅读量1.2w

点赞数 16

文章标签： a标签 href

本文链接：https://blog.csdn.net/qq_43510714/article/details/90448168

版权

今天在完成一个验证码刷新案例的时候,碰到一些问题
需求是:点击超链接,验证码的图片随机更换
在这里插入图片描述
完成此操作,需要用到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>

小小老虎上灯台

关注

16
点赞
踩
61

收藏

觉得还不错? 一键收藏
0
评论
a href="javascript"作用

今天在完成一个验证码刷新案例的时候,碰到一些问题需求是:点击超链接,验证码的图片随机更换完成此操作,需要用到a标签的 < a href = “javascript:;”>相关知识1. a href = “javascript:;” 含义是为了让超链接去执行js函数,点击此超链接时,页面不会进行任何操作,防止跳到其他页面点击后,页面不动,只打开连接其中javascript...
复制链接

扫一扫