html - a标签中使用“javascript:;”的不同或者为什么这么用？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

html - a标签中使用“javascript:;”的不同或者为什么这么用？

怪我咯 2017-04-10 17:10:40

[JavaScript讨论组]

838

HTML中a标签中使用“javascript:;”，之后在js中处理点击链接事件。
这种用法有什么好处，为什么这么用？

怪我咯

走同样的路，发现不同的人生

全部回复(5)

怪我咯2017-04-10 17:12:40 5楼

查了下，还是有很多好处的...
其中一点是防止a标签跳转，一下为其它优点：

:link选择器可以选择到它
这个a标签可以获得焦点（可以通过tab按键访问到，从而屏幕阅读器能够读出背后的内容，增强可访问性）
在浏览器的默认样式表中，有href属性的标签才有cursor:pointer的效果。
优雅降级，在网络连接很差，还没有加载到CSS的时候，依然有手型与正常的link样式。

赞 +0

添加回复

巴扎黑2017-04-10 17:12:40 4楼

让点击效果执行JavaScript空语句，且返回的也是空或者false值，防止A标签跳转。
从而可以给链接的 onclick 方法上写自己想执行的代码

赞 +0

添加回复

ringa_lee2017-04-10 17:12:40 3楼

<a href="javascript:;"></a>
<a href="javascript:void(0);"></a>
<a href="javascript:return false;"></a>

这三种都可以用

赞 +0

添加回复

阿神2017-04-10 17:12:40 2楼

這樣前綴詞的寫法 javascript: - 只是一個 JS 中的label用法，實際上是為了瀏覽器向後相容的需求(應該是IE，這點我並沒有驗證)，並且應該用在 href 就好。onclick 應該是不需要的，如果希望點擊後不要有任何效果用 return false; 也可。

您可以搜尋相關 'javascript:' prefix 應該可以找到更深入的介紹

赞 +0

添加回复

天蓬老师2017-04-10 17:12:40 1楼

防止页面跳转，也就是阻止a标签的默认动作；但是在html文本中，a仍正常使用；

//同样的你也可以在js文件中使用如下方法来操作：
e.preventDefault();
//阻止默认的href跳转事件；

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>