首页 > 其他分享 >超链接中设置href不跳转的三种方法

超链接中设置href不跳转的三种方法

时间:2024-02-20 21:35:19浏览次数:17  
标签:URL void javascript 点击 href 超链接 跳转

javascript : void(0)

// 阻止链接跳转,URL不会有任何变化
<a href="javascript:void(0)" rel="nofollow ugc">点击此处</a>

// 虽然阻止了链接跳转,但URL尾部会多个#,改变了当前URL。(# 主要用于配合 location.hash)
<a href="#" rel="nofollow ugc">点击此处</a>

// 同理,# 可以的话,? 也能达到阻止页面跳转的效果,但也相同的改变了URL。(? 主要用于配合 location.search)
<a href="?" rel="nofollow ugc">点击此处</a>

// Chrome 中即使 javascript:0; 也没变化,firefox中会变成一个字符串0
<a href="javascript:0" rel="nofollow ugc">点击此处</a>

href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id

<h id="section"> </h>
<a href="#section"></a>

如果你要定义一个死链接请使用 javascript:void(0) 。

void()仅仅是代表不返回任何值,但是括号内的表达式还是要运行,如

void(alert("Warnning!"))

标签:URL,void,javascript,点击,href,超链接,跳转
From: https://www.cnblogs.com/xzemt/p/18024097

相关文章

  • python不能跳转进入某个函数或模块的一种解决思路
    例如,下图中的get_bucket_mount_root函数可以顺利import进来,但是按ctrl键不能跳转进入这个函数: 一个解决思路是,在vscode终端中,打开python解释器,import上图中的hatbc库,然后用hatbc.__file__命令查找该库的__init__.py文件的路径,按住ctrl键,点击这个路径,即可跳转进入这个__init__.......
  • nginx的HTTP 自动跳转 HTTPS 的安全配置
    server{#SSL默认访问端口号为443listen443ssl;#请填写绑定证书的域名server_namexxxx;#请填写证书文件的相对路径或绝对路径ssl_certificatexxx.pem;#请填写私钥文件的相对路径或绝对路径ssl_certificate_key.key;......
  • 活动之间的跳转和数据的传递
    活动(Activity)是最容易吸引用户的地方,它是一种可以包含用户界面的组件,主要用于和用户进行交互。活动由布局文件,Java文件两部分,活动首先要在AndroidManifest.xml中进行注册,之后再由Java文件调用setContentView(R.layout.XXX)方法加载页面布局。平常的活动注册:<activityandroi......
  • 博客园跳转编辑页面没有重新加载页面 pushState
    博客园前端是用angular写的全局搜索pushState,打断点,可以看到 pushState main.6267e7d35558bee5.is:1gomain.6267e7d35558bee5.js:1setBrowserUrl main.6267e7d35558bee5.js:1 setBrowserUrl(p,I){constQ=this.urlSerializer.serialize(p)......
  • 微信小程序页面跳转:wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.na
    引言在微信小程序开发中,页面跳转是一项基础且常用的功能。本文将介绍微信小程序中五种常见的页面跳转方式,并分析它们的使用场景和区别。1.wx.switchTab(跳转主页)wx.switchTab方法用于跳转到tabBar页面,并关闭其他所有非tabBar页面,通常用于跳转到小程序的主页。特点:关闭......
  • Win10用资源管理器打开ftp站点跳转IE浏览器解决方法
    WindowsRegistryEditorVersion5.00[HKEY_CLASSES_ROOT\ftp]@="URL:FileTransferProtocol""EditFlags"=dword:00000002"ShellFolder"="{63da6ec0-2e98-11cf-8d82-444553540000}""SourceFilter"="{......
  • 前端监听页面是否鼠标移动 超过一定的静止时间自动跳转到登录页面
    import{CreateBuriedPoints}from'@/api/Statistics';exportconstDurationStay={data(){return{currentTime:"",DurationOfStay:5*60*1000,//自定义的无操作时长5分钟intervalTime:0}},mou......
  • 安卓开发二——项目内容和页面跳转
     创建一个初始目录后会又以下的几个文件目录manifests中有一个Androidmanifests.xml的文件它包含了我们这个软件的图标、名字等的基本信息 其中的activity标签中是我们的app所要使用的页面的注册信息 Java的文件目录中我们主要使用的就是第一个文件目录,其中的Java代码包......
  • NCC跳转UClient窗口变空白
    NCC跳转UClient窗口变空白解决方法:1、找到配置文件:目录:nchome\ierp\sf\文件:sysconfig.xml2、修改后的文件内容:<?xmlversion='1.0'encoding='UTF-8'?><nc.login.vo.SystemConfig> <MaxLoginFailure>5</MaxLoginFailure> <LoginUIType>stan......
  • 页面跳转传参,携带的数值型数据会转成是字符串
    onLoad(options){let{limit,index}=optionsindex=Number(index);limit=Number(limit)console.log(options); //获取视频页面数据wx.cloud.callFunction({name:'getMedia',data:{sort:'video',......