分享：当href的值为特殊值时，不同的表达方式

最新推荐文章于 2025-12-19 15:16:31 发布

原创最新推荐文章于 2025-12-19 15:16:31 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端基础 #代码 #测试

本文探讨了HTML中a标签的href属性在不同设置下产生的效果，包括正常链接、空链接、描点链接、执行JS代码等场景，为前端开发者提供深入理解。

当 href为正常值时显示正常
没有href，如同一个span标签，表示普通文本

#号(描点链接相关)

空格(会刷新)

void(会执行js代码，返回空，什么都不做)

alert(666),(会执行js代码，弹框)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

食梦鱼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

从菜鸟到大神：VSCode助力HTML开发全攻略

邓邓子的博客

04-27

2862

本文全面介绍 VSCode 在 HTML 开发中的高效应用。先引导读者完成 VSCode 的安装与个性化设置，助其快速适应开发环境；接着推荐 Live Server、Prettier 等实用插件，实现实时预览、代码格式化等功能，提升开发效率。通过详细的开发实战步骤，从新建文件到添加样式，带领读者掌握 HTML 基础结构与常用标签使用。还分享代码片段管理、多人协作等进阶技巧，解决常见开发问题。旨在帮助开发者利用 VSCode，轻松高效完成 HTML 开发，打造优质网页。

前端开发：JS中关于正则表达式的使用汇总

热门推荐

全沾软贱开发攻城狮

12-13

1万+

在前端开发过程中，关于正则表达式的使用也是必备技能，尤其是在实际业务需求的时候，需要处理一些不能按照正常语句操作的逻辑，如前端开发中的字符匹配、参数处理等都需要正则表达式来匹配截取处理。虽然正则表达式在程序开发中的各个领域都会运用到，那么本篇博文只来分享正则表达式关于前端开发中的使用场景，具备正则表达式良好的使用能力可以解决意想不到的实际业务场景，所以是前端开发中必不可少的技能，建议掌握并熟练运用该内容。

参与评论您还未登录，请先登录后发表或查看评论

href的几个特殊值

weixin_30460489的博客

08-22

155

a href ="" ：默认打开的还是当前页面，会刷新一下重新打开。 a href ="#"：浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。 href="javascript:void(0);" ：表示点击这个链接后执行一条javascript语句：void(0);这条语句表示什么也不做，是个空语句转载于:https://www.cnblogs.com/cowboyb...

html 中a标签中href属性加#号和不加#号的区别

张正泉(嵌入式)

06-01

5442

今天在开发一个功能时,其中有一个a标签,前端使用jQuery中的focus获取焦点后,点击Enter按钮,系统不会自动触发绑定在a标签上的Click事件.在仔细对比后,发现在a上加入 href="#" 就可以解决这个问题了,特此记下分享.

<a href=""></a>中 href为空的问题

weixin_34395205的博客

12-04

1994

2019独角兽企业重金招聘Python工程师标准>>> ...

html中标签a中href属性值的两种特殊情况，空格和井号

盖嘎嘎嘎的博客

04-17

9616

默认打开的还是当前页面，会刷新一下重新打开，会回到页面顶部。效果相当于F5后重新加载了页面。浏览器地址栏网址后面会多1个#。不会刷新页面，会回到页面顶部。只是在页面内部跳转，并没有重新加载页面。下图是原始的网页：下图是使用空格的页面：下图是使用井号的页面：

PIAIC-：以Jupyter Notebook为核心的IT项目探索

weixin_36178216的博客

09-13

1137

本文还有配套的精品资源，点击获取简介：PIAIC-的含义不明确，但结合Jupyter Notebook的标签，该主题可能涉及编程、数据科学等IT领域。Jupyter Notebook是一个开源交互式计算环境，支持多种编程语言，广泛应用在数据分析、机器学习和教学中。此文件可能记录了一个包含课程内容、示例代码和项目实施的教育或IT项目。 1. 项目或课程标识的含义探...

【前端最佳实践】：管理本地图片资源的最佳方式：成为资源管理高手的秘诀

[【前端最佳实践】：管理本地图片资源的最佳方式：成为资源管理高手的秘诀](https://img-blog.csdnimg.cn/1287fed8d39842d2bc4e38a1efbf6856.png) # 摘要随着前端技术的快速发展，前端资源管理变得日益重要，尤其...

【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南

墩墩分墩

08-16

8826

**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨

【最佳实践和挑战】道德和隐私考量：在处理时间序列数据时考虑伦理和隐私问题

时间序列数据是一种特殊的结构化数据，按照时间顺序排列，用于记录在不同时间点上某个变量的观测值。它在经济学、金融、气象学、医疗等领域都有广泛的应用。其特点包括：时间的顺序性、数据的连续性、数据的依赖性...

js中a标签的href属性不跳转方法

NiuDaWang_的博客

10-17

5442

在使用javascript伪协议的时候： javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。修改密码 javascript:是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击时就没有任何反应。一般在这种情况下，会给绑定一个事件回调，来执行业务，如： document.g

a标签href值解析

大白兔

06-12

5069

<a> 标签的href属性规定链接的目标。href属性的值可以是任何有效文档的相对或绝对的URL，包括片段标识符和JavaScript代码段。如果用户选择了<a>标签中的内容，那么浏览器会尝试检索并显示href属性指定的URL所表示的文档，或者执行JavaScript表达式、方法和函数的列表。值描述 URL 超链接的URL。可能的值：绝对的URL——指向另一个站点。例：href=”

软件测试测试易用性测试具体指标

2508_91692437的博客

12-17

243

三方软件易用性测试依据GB/T25000.51-2016等标准，主要考察七个维度：可辨识性（功能描述完整、标识清晰）、易学性（帮助文档完善、界面直观）、易操作性（交互一致、反馈明确）、差错防御（误操作防护、输入纠错）、界面舒适性（视觉协调、布局合理）、易访问性（无障碍支持、多语言适配）以及标准符合性（遵循规范、符合用户习惯）。测试通过评估软件的自解释性、操作效率及容错能力等指标，确保产品具有良好用户体验。

PC软件多系统兼容性测试覆盖策略与不同系统适配方案对比

2501_92406411的博客

12-18

541

文章围绕PC软件多系统兼容性测试展开，指出需覆盖Windows、macOS、Linux三大系统并制定适配策略。介绍全系统矩阵测试、虚拟化环境模拟与云真机平台测试三类主流方案及其优劣，通过对比提出混合策略为高性价比实践方向，还给出常见问题的解决办法，助力开发者保障软件跨系统稳定运行。

U+2011（Non-Breaking Hyphen）在UI测试中需要关注的问题

Criss@陈磊

12-16

U+2011（Non-Breaking Hyphen，非断行连字符）是一种Unicode字符，旨在防止在连字符处自动换行，主要用于排版和文档处理中（如保持复合词如"non-breaking"在行尾不被拆分）。它与普通的ASCII hyphen-minus（U+002D，即"-“）在视觉上相似，但作为不同的码点，在实际渲染时容易引发兼容性问题。这个问题主要是因为字体支持不完整和宣言引擎的差异造成的。

基于Springboot午托管理系统的设计与实现588oe817（程序、源码、数据库、调试部署方案及开发环境）系统界面展示及获取方式置于文档末尾，可供参考。

2509_93102599的博客

12-16

1114

课题的创新点业务场景深度融合创新：并非简单通用的“学生管理系统”，而是深度结合午托机构“招生-日常-财务”的闭环业务流程进行定制化设计，更贴合实际应用。 “管理后台+家长小程序”双端协同创新：构建机构内部管理与外部家校服务的双向通道，实现管理效率与用户体验的双重提升。数据驱动的服务优化创新：通过系统沉淀的考勤、健康、餐饮、费用等多维度数据，为机构提供生源分析、服务质量评估、资源优化配置等数据支持，赋能科学决策。安全与便捷的平衡创新：在保障学生隐私和数据安全的前提下，通过预留标准化接口

MVC和MVVM模式详解+对比

大剑师兰特的GIS世界

12-15

1211

MVC和MVVM是两种常用的前端架构模式，核心目标都是解耦代码、提高可维护性，但存在显著差异。MVC采用单向数据流，通过Controller中转View和Model的通信，适合小型应用和后端渲染场景，但易导致"胖控制器"问题。MVVM通过双向绑定实现数据驱动，ViewModel自动同步View和Model，适合复杂SPA应用，解耦更彻底但学习成本较高。选择原则：简单应用用MVC避免过度设计，复杂交互应用用MVVM提升效率。现代框架如Vue、React都基于MVVM理念实现数据驱动开发。

用Cursor自动生成完整函数教程