5-去掉a标签下划线,禁止a标签的跳转「建议收藏」

5-去掉a标签下划线,禁止a标签的跳转「建议收藏」1.去下划线:  写样式,a{text-decoration:none;  或在a标签内联里面写style=”text-decoration:none;”;2.禁用a标签跳转:a标签href不跳转禁止跳转当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法:标签属性href,使其指向空或不返回任何内容。如:<ahref=”java…

大家好,又见面了,我是你们的朋友全栈君。

1.去下划线:

  写样式,a{text-decoration:none;

  或在a标签内联里面写style=”text-decoration:none;”;

 

2.禁用a标签跳转

 

a标签href不跳转 禁止跳转

当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法:

  1. 标签属性href,使其指向空或不返回任何内容。如:

    <a href=”javascript:void(0);” >点此无反应javascript:void(0)</a>

    <a href=”javascript:;” >点此无反应javascript:</a>

  2. 标签事件onclick,阻止其默认行为。如:

    <a href=”” οnclick=”return false;”>return false;</a>

    <a href=”#” οnclick=”return false;”>return false;</a>

注意:只有一个href=”#”是不可以的。

原理:

  1. 标签属性href=”javascript:void(0);” 关键是理解void(0)的含义。

javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值

用法格式如下:

a). javascript:void (expression)

b). javascript:void expression

你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。所以,javascript:void(0) 仅仅表示一个死链接。

只有href=”#”是不可以的,因为#包含了一个位置信息,默认的锚是#top 也就是网页的上端。我理解的锚是指网页中具体位置。

例如:

首先我们在网页body内最上面添加一个<span id=”top” name=”top”></span>

我们再到body内,需要出现点击后转到顶部位置添加,<a href=”#top”>回到顶部</a>

点击回到顶部即可让滚动回到顶部。

  1. 标签事件οnclick=”return false;” 在HTML代码中,无论你在哪里放置了onclick事件,并且返回值为false时,那么该处的默认行为将不会执行。这里的默认行为是指没有Onclick事件时原本的行为。

最后,我们来回顾下a标签的三种用法:

<a href=”http://www.w3school.com.cn”>W3School</a>

<a href=”index.html”> index </a>

<a href=”#top”>top</a>

 

转载于:https://www.cnblogs.com/zhumengdexiaobai/p/10245962.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/133953.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • SAE J1939物理层

    SAE J1939物理层在SAEJ1939-11和ISO11898中对商用车使用的线束都是屏蔽双绞线,即为除了电源、地、CAN_H、CAN_L之外还有一个屏蔽线,并且所有ECU的屏蔽线都接到同一个地线上,一般接地点选择在网络的中央位置上。但是在实际使用中,多数整车厂使用的都是非屏蔽双绞线,比较而言,非屏蔽双绞线的EMC特性要差一些,在1939中正常使用屏蔽双绞线一路CAN网络上最多可以接入30个ECU,而对于非屏蔽双

  • 安卓手机修改ntp服务器,修改安卓手机ntp服务器地址「建议收藏」

    安卓手机修改ntp服务器,修改安卓手机ntp服务器地址「建议收藏」修改安卓手机ntp服务器地址内容精选换一换TTL(Time-To-Live)指解析记录在本地DNS服务器中的缓存时间。本地DNS服务器指用户客户端(手机、电脑等)连接Internet网络使用的DNS,默认使用的DNS是宽带运营商自动分配的DNS服务器,用户也可以将该DNS修改为公共DNS服务器,例如,114.114.114.114、8.8.8.8。通过华为云购买的弹性云服务器默认硬件要求如表1所…

  • K8S-1.15.1版本部署

    K8S-1.15.1版本部署

  • 真封神单机保姆级教程

    真封神单机保姆级教程什么叫真封神服务端?真封神服务端由四部分组成,分别是数据库服务器gameworld(俗称W)登录网关login_server(俗称L)更新服务器update_server(俗称U)

  • vim补全插件_vim实用插件

    vim补全插件_vim实用插件在PyCharm中安装Vim插件ideavim进入File菜单下的Settings下的Plugins,搜索ideaVim找到ideaVim插件点击Install安装重启并享受在Pycharm环境中使用Vim的乐趣,支持Vim三种模式的大部分命令下面可以不用设置:现在又有一个问题来了,重启后进入vim模式下,但是在vim模式下我们想要从Pycharm编辑区复制代码到别的…

  • 一篇文带你从0到1了解建站及完成CMS系统编写

    一篇文带你从0到1了解建站及完成CMS系统编写学习目标了解搭建一般网站的简便方式了解最原始一般站点搭建了解内容管理站点搭建了解权限设计及完成了解使用设计模式减少代码冗余了解前端拖拽页面生成及生成了解自定义数据的创建了解动态生成的前端页如何绑定自定义数据开发环境Windows7*64SP1php5.6apache/nginxthinkphp5.1mysqlphpstudy2018sqlyoglayoutit声明文章为从0到1了解内容管理系统搭建与编写,由于一篇文章内容篇幅过长,文章内容经过压缩,该项目中相

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号