首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HREF链接没有任何目标,不想使用hash或void(0)

HREF链接没有任何目标,不想使用hash或void(0)。HREF是HTML中用于指定超链接目标的属性,通常用于在网页中创建可点击的链接。当HREF链接没有任何目标时,可以使用以下两种方式来实现:

  1. 空链接:可以将HREF属性设置为空字符串,即href=""。这样点击链接时将不会跳转到任何页面,页面也不会发生刷新或跳转动作。
  2. JavaScript:void(0):可以将HREF属性设置为javascript:void(0)。这样点击链接时将执行一个空的JavaScript操作,不会跳转到其他页面,页面也不会发生刷新或跳转动作。

这两种方式都可以实现HREF链接没有目标的效果,具体选择哪种方式取决于具体需求和实际情况。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

a标签中防止跳转的href=javascript:;、void(0);等都是什么意思

标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对绝对 URL(路径),包括片段标识符和 JavaScript 代码段。...javascript: 是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。...test; 使用2个到4个#,见的大多是 "####" ,也有使用 "#all" 等其他的。一个无意义的标签指定,不做任何处理。...test; javascript:void(0) 表示一个死链接,执行空事件。...声明:本文由w3h5原创,转载请注明出处:《a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思》 https://www.w3h5.com/post/228.html

3.8K20
  • React 中的一些 Router 必备知识点

    其实路由在设计的时候不仅仅是一个由几个简单词汇和斜杠分隔符组成的链接,偶尔也可以去考虑有没有更“优雅”的设计方式和技巧。而在这背后,路由和组件之间的协作关系是怎样的呢?...可选参数 * 匹配 0多次 + 匹配 1 次多次 如果忘记写参数名字,而只写了路由规则,比如下述代码中 /:foo 后面的参数: var re = pathToRegexp('/:foo/(.*...)', keys) // 匹配除“\n”之外的任何字符 // keys = [{ name: 'foo', ... }, { name: 0, ...}] re.exec('/test/route')...= href } }) } Hash 模式 Case 1: 增加监听,当 URL 的 Hash 发生变化时,触发 hashChange 注册的回调,回调中去进行相类似的操作,进而展示不同的内容...Case 2: 路由的 Hash 模式虽然兼容性好,但是也存在一些问题: 对于 SEO、前端埋点不太友好,不容易区分路径 原有页面有锚点时,使用 Hash 模式会出现冲突 因此公司内部做了一次 Hash

    2.7K20

    React 中的一些 Router 必备知识点

    其实路由在设计的时候不仅仅是一个由几个简单词汇和斜杠分隔符组成的链接,偶尔也可以去考虑有没有更“优雅”的设计方式和技巧。而在这背后,路由和组件之间的协作关系是怎样的呢?...可选参数 * 匹配 0多次 + 匹配 1 次多次 如果忘记写参数名字,而只写了路由规则,比如下述代码中 /:foo 后面的参数: var re = pathToRegexp('/:foo/(.*...)', keys) // 匹配除“\n”之外的任何字符 // keys = [{ name: 'foo', ... }, { name: 0, ...}] re.exec('/test/route')...= href } }) } Hash 模式 Case 1: 增加监听,当 URL 的 Hash 发生变化时,触发 hashChange 注册的回调,回调中去进行相类似的操作,进而展示不同的内容...Case 2: 路由的 Hash 模式虽然兼容性好,但是也存在一些问题: 对于 SEO、前端埋点不太友好,不容易区分路径 原有页面有锚点时,使用 Hash 模式会出现冲突 因此公司内部做了一次 Hash

    2.9K40

    前端路由三种模式原理

    Hash路由方式。 window.href.href = '#hash' localhost:9000#test。并不刷新页面。...状态对象:传给目标路由的信息,可为空 页面标题:目前所有浏览器都不支持,填空字符串即可 可选url:目标url,不会检查url是否存在,且不能跨域。...如不传该项,即给当前url添加data popstate事件会在点击后退、前进按钮(调用history.back()、history.forward()、history.go()方法)时触发。...因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问 oursite.com/user/id 就会返回 404,这就不好看了。...最重要的一点: 如果不想要很丑的 hash,我们可以用路由的 history 模式 —— 引用自 vueRouter文档

    1K30

    原生 js 实现一个前端路由 router

    当整数参数超出界限时 ( 译者注:原文为 When integerDelta is out of bounds ),例如: 如果当前页为第一页,前面已经没有页面了,我传参的值为 -1,那么这个方法没有任何效果也不会报错...但是浏览器中主要有这几个限制: 没有提供监听前进后退的事件 不允许开发者读取浏览记录 用户可以手动输入地址,使用浏览器提供的前进后退来改变 url 所以要自定义路由,解决方案是自己维护一份路由历史的记录...url 在浏览记录的末端即为刷新,刷新时,不对路由数组做任何操作。...='javascript:void(0);' onclick='linkTo(\"#/detail\")'>详情" document.querySelector...='javascript:void(0);' onclick='linkTo(\"#/detail\")'>详情" document.querySelector

    2.6K10

    Java爬虫之JSoup使用教程

    从String加载文档 提取数据 使用DOM方法导航文档 寻找元素 处理元素数据 操纵HTML和文本 使用selector-syntax查找元素 使用CSS类似jquery的选择器语法来查找操作元素...从URL,文件字符串中提取并解析HTML。 查找和提取数据,使用DOM遍历CSS选择器。 操纵HTML元素,属性和文本。 根据安全的白名单清理用户提交的内容,以防止XSS攻击。...从URL,文件字符串中刮取并解析HTML 查找和提取数据,使用DOM遍历CSS选择器 操纵HTML元素,属性和文本 根据安全的白名单清理用户提交的内容,以防止XSS攻击 输出整洁的HTML 文档地址...selector-syntax查找元素 使用CSS类似jquery的选择器语法来查找操作元素。...如果您不想使用abs:前缀,还有一个方法Node.absUrl(String key)可以执行相同的操作,但可以通过自然属性键进行访问。

    11.2K20

    hash和history的原理和区别

    1. hash模式 比如在用超链接制作锚点跳转的时候,就会发现,url后面跟了"#id",hash值就是url中从"#"号开始到结束的部分。...= location.hash console.log(hash) for(let i=0;i<self.routers.length;i++){...监听函数中可传入一个event对象,event.state即为通过pushState()replaceState()方法传入的data参数 history模式原理可以这样理解,首先我们要改造我们的超链接...,给每个超链接增加onclick方法,阻止默认的超链接跳转,改用history.pushStatehistory.replaceState来更改浏览器中的url,并修改页面内容。...pushState 通过 stateObject 可以添加任意类型的数据到记录中;而 hash 只可添加短字符串 pushState 可额外设置 title 属性供后续使用 hash 兼容IE8以上,

    1.9K30

    如何进行渗透测试XSS跨站攻击检测

    本地磁盘上的任何HTML文件都可以读取本地磁盘上的任何其他文件。 从Gecko 1.9开始,文件使用了更细致的同源策略,只有当源文件的父目录是目标文件的祖先目录时,文件才能读取另一个文件。...不管使用哪个协议(HTTP/HTTPS)端口号,浏览器都允许给定的域以及其任何子域名访问cookie。...要设置浏览器的防护机制,则可使用X-XSS-Protection字段 该字段有三个可选的值 0: 表示关闭浏览器的XSS防护机制 1: 删除检测到的恶意代码, 如果响应报文中没有看到X-XSS-Protection...该方式和二进制攻防中的Gadget相似,使用目标中的合法代码来达到绕过防御措施的目的。...基于存储 有时候网站会将信息存储在CookielocalStorage,而因为这些数据一般是网站主动存储的,很多时候没有对CookielocalStorage中取出的数据做过滤,会直接将其取出并展示在页面中

    2.7K30
    领券