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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • socket的sigpipe信号[通俗易懂]

    socket的sigpipe信号[通俗易懂]对一个对端已经关闭的socket调用两次write,第一次将会收到队端的RST响应,第二次将会生成SIGPIPE信号,该信号默认结束进程.具体的分析可以结合TCP的”四次握手”关闭.TCP是全双工的信道,可以看作两条单工信道,TCP连接两端的两个端点各负责一条.当对端调用close时,虽然本意是关闭整个两条信道,但本端只是收到FIN包.按照TCP协议的语义,表示对端只是关闭…

    2022年5月30日
    50
  • datanode启动不了(datanode启动不了)

    安装Hadoop(伪分布式环境)namenode和datanode无法启动解决方案先附上我参考的安装教程链接10.1.88.4/index_1.php?url=http://www.msftconnecttest.com/redirect我在执行./start-all.sh之后发现,没有任何错误提示,输入jps得到如下结果:[hadoop@localhost…

    2022年4月13日
    63
  • com组件接口_com组件特点

    com组件接口_com组件特点int main( int argc, char *argv[] ){cout << "Ini

    2022年8月5日
    8
  • Java内存管理-掌握自定义类加载器的实现(七)

    勿在流沙筑高台,出来混迟早要还的。做一个积极的人编码、改bug、提升自己我有一个乐园,面向编程,春暖花开!上一篇分析了ClassLoader的类加载相关的核心源码,也简单介绍了ClassLoader的设计思想,读源码相对来说是比较枯燥的,还是这个是必须要走的过程,学习源码中的一些思想,一些精髓,看一下大神级人物是怎么写出那么牛逼的代码。我们能够从中学到一点点东西,那也是一种进步和成长了…

    2022年2月28日
    31
  • MXNet gpu 版本快速安装(mxnet-cu101)

    MXNet gpu 版本快速安装(mxnet-cu101)最近有项目要用mxnet,要从头开始配置mxnet,记录一下全过程,先说下在Windows10下的安装GPU版本的问题。查看cuda版本首先要查看一下自己安装的cuda版本,一般情况下可以使用nvcc–version或nvidia-smi-q指令,比如我的是10.1版,C:\Users\SpaceVision>nvcc–versionnvcc:NVIDIA(R)CudacompilerdriverCopyright(c)2005-2019NVIDIAC

    2025年7月23日
    4
  • idea快捷键不生效_idea列模式快捷键

    idea快捷键不生效_idea列模式快捷键1、如果是某些快捷键不气作用,这有可能与通讯工具、输入法、浏览器等的快捷键冲突2、如果所有的快捷键都不气作用,这时点击idea开发工具上的“Tools”然后将”VimEmulator”这个选项的√去掉。如图…

    2022年9月20日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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