JS中,a标签里的javascript:;和 javascript:void(0)还有##

目录

1. javascript:;【常用】点击链接之后不会刷新页面,不会跳转链接,也不会传递参数

2. javascript:void(0) 【少用】点击链接后不会刷新页面,不会跳转链接,也不会传递参数

3. a标签中的# 点击链接后会刷新页面,不会跳转链接,也会传递参数

(1)只是用href=”#”,会导致滚动条自动上滚至页面顶部

(2)用href=”#”,加上return false,阻止滚动条自动上滚至页面顶部,上面的url中html文件名后无内容

1. javascript:;【常用】点击链接之后不会刷新页面, 不会跳转链接,也 不会 传递参数

执行一段 空白JAVASCRIPT语句 并且返回的也是空或者false值..

把 javascript:; 加在超级链接上 就可以防止 链接跳转
从而 可以给 链接的 onclick 方法上 写 自己想执行的代码..

e.g.

提交

e.g.初始状态:

JS中,a标签里的javascript:;和 javascript:void(0)还有##

点击 提交链接:

JS中,a标签里的javascript:;和 javascript:void(0)还有##

点提示框的 确定

上面 html文件名后无内容 ,滚动条不自动上滚

JS中,a标签里的javascript:;和 javascript:void(0)还有##

2. javascript:void(0) 【少用】点击链接后 不会刷新页面, 不会跳转链接,也 不会 传递参数

让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数。即这 是一个死链接:保留链接的样式,但不让链接执行实际操作。
在IE中可能会引起一些问题,比如:造成gif动画停止播放等。所以 还是少写

e.g.

一个没用的链接

3. a标签中的 # 点击链接后 会刷新页面, 不会跳转链接,也 会 传递参数

(1) 只是用href=”#” ,会导致 滚动条自动上滚至页面顶部

通过一个伪链接来调用javascript方法:
e.g.

提交

e.g.初始状态:

JS中,a标签里的javascript:;和 javascript:void(0)还有##

点击 提交链接

JS中,a标签里的javascript:;和 javascript:void(0)还有##

点提示框的 确定

此时上面 文件名多出来的#,就是提交中的 #

JS中,a标签里的javascript:;和 javascript:void(0)还有##

(2) 用href=”#”,加上return false , 阻止滚动条自动上滚至页面顶部,上面的url中html文件名后无内容

e.g.

提交

加了return false之后:

点击 提交, 弹出提示框,然后上面 html文件名后无内容 ,滚动条不自动上滚

JS中,a标签里的javascript:;和 javascript:void(0)还有##

Original: https://blog.csdn.net/weixin_72322475/article/details/128299734
Author: 快意人生大社畜
Title: JS中,a标签里的javascript:;和 javascript:void(0)还有##

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/724628/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球