当前位置: 首页 > news >正文

a标签禁止点击_禁止a标签跳转的几个方案

在进行网站ajax请求的时候,用到了大量的a标签,其中有个href属性,用来跳转连接的。但是站点本身并不需要跳转,而是用onclick调用了某个函数或者方法。如此一来,防止a标签本身的行为很有必要了。

1.使用 javascript:return fasle

本来使用javascript:return fasle的方式屏蔽了a标签的跳转,但是有个不可预料的结果,在谷歌浏览器调试没问题,但是到了火狐浏览器上。总是被重定向到一个unsafe return false的地址。所以,劝诫各位,最好不要在href当中写javascript代码,不然在各种浏览器当中遇到不同的结果。

3c8f27797b88014112115bb98030b2e7.png

2.使用错误锚点的方式

错误锚点,意思就是网页的锚点上进行错误的指向。一般而言,在网页内部使用#id来指定一个锚点,实际测试,如果href后面的#号跟上不存在的id,那么它就发生任何事情。

就像下面这样,使用两个##号,页面就不发生任何事情,而是去执行自定义的onclick方法,或指定的函数。

全部文章

3.使用style="cursor:pointer"

一般使用a标签的原因是,a标签自带可点击的颜色、并且移动上去方便变成手形。在代码的写作量上,大大降低思考成本。如果不让跳转,大可不写href属性,此时可以加上这个行内样式,让点击项变成手型。

相关文章:

  • python flask web_Python Flask Web 项目实战
  • python类的专有方法_python类专有
  • linux sleeping进程多_掌握了这几个Linux命令可以让你工作效率提高一倍
  • cmakelist .so_ROS 机器人技术 解析 CMakeList.txt 文件
  • python爬虫搭建环境_python爬虫起步...开发环境搭建,最简单的方式
  • if test 多条件_1分钟让你读懂if __name__==#x27;__main__#x27;的含义,面试不用愁
  • python打不开txt文件苹果怎么打开_如何在Mac上的Python中从TextEdit中打开文本文......
  • 如何使用python编程抢京东优惠券 知乎_小猿圈Python之实现京东秒杀功能代码
  • 预警系统一键自动升级程序_带有L2级自动驾驶技术,本田思域的起售价为11.99万...
  • python删除列表中的偶数_从奇数/偶数Python列表中删除偶数/奇数
  • ehcache使用_技术分享|浅谈EhCache实现页面缓存和数据缓存
  • elasticsearch date_史上最全的ElasticSearch系列之基础
  • python字符串函数参数_python:字符串常用函数
  • fabric白皮书_安全: Intel发布CSME安全白皮书
  • resnet50能用cpu跑吗_锐龙5000上市倒计时 官方告诉你哪些主板能用
  • 【译】JS基础算法脚本:字符串结尾
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • 5、React组件事件详解
  • Android Volley源码解析
  • Electron入门介绍
  • Eureka 2.0 开源流产,真的对你影响很大吗?
  • express.js的介绍及使用
  • golang 发送GET和POST示例
  • httpie使用详解
  • Java IO学习笔记一
  • js ES6 求数组的交集,并集,还有差集
  • Laravel Telescope:优雅的应用调试工具
  • Median of Two Sorted Arrays
  • node入门
  • RxJS: 简单入门
  • SOFAMosn配置模型
  • spring + angular 实现导出excel
  • 包装类对象
  • 悄悄地说一个bug
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • 栈实现走出迷宫(C++)
  • 国内唯一,阿里云入选全球区块链云服务报告,领先AWS、Google ...
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • ​VRRP 虚拟路由冗余协议(华为)
  • ​中南建设2022年半年报“韧”字当头,经营性现金流持续为正​
  • (02)vite环境变量配置
  • (04)odoo视图操作
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (八)光盘的挂载与解挂、挂载CentOS镜像、rpm安装软件详细学习笔记
  • (第8天)保姆级 PL/SQL Developer 安装与配置
  • (附源码)计算机毕业设计ssm基于Internet快递柜管理系统
  • (每日持续更新)jdk api之StringBufferInputStream基础、应用、实战
  • (一) storm的集群安装与配置
  • (转)EOS中账户、钱包和密钥的关系
  • (转)大型网站架构演变和知识体系
  • (转)四层和七层负载均衡的区别
  • (转载)Linux 多线程条件变量同步
  • **PHP二维数组遍历时同时赋值
  • .gitignore
  • .net framework4与其client profile版本的区别