登录  /  注册
首页 > web前端 > js教程 > 正文

javascript怎么隐藏herf

藏色散人
发布： 2021-06-15 10:30:13
原创
1829人浏览过

javascript隐藏herf的方法：首先在html里添加一个a链接；然后为链接添加一个id；接着添加一个data-link的属性，并把原来的href属性去掉；最后使用locacion.href让页面跳转即可。

javascript怎么隐藏herf

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript怎么隐藏herf?

我们在html里添加一个a链接，其中有href链接属性。

 

bef5e7365aa78a74a7e9becb51bd233.png

在运行页面后，我们把鼠标放到链接上方，可以看到在浏览器下会看到链接的地址的。

 

ddfcebe42ce4b51d810ad6bfce5e5f3.png

要隐藏这个链接信息，我们可以为链接添加一个id，添加id是方便为它添加点击事件。然后添加一个data-link的属性，属性值就是href链接的值，并把原来的href属性去掉。

 

109b18245160f4038cd80f32012ec0c.png

接着为这个链接添加一个点击事件。

 

af35e1cbb8906d0aee588ac7aacafac.png

在事件函数上，通过data方法获得data-link的值。

 

043d6348724fec70b49b35bb2e589c7.png

然后使用locacion.href来让页面跳转。

 

877f652e9c4e3914df2f31ce120f7a6.png

运行页面，我们现在把鼠标放到链接上，已经不会显示出链接href内容了。但我们点击这个链接后，同样会跳转到原来的页面。

 

ae77fd2f260b18b6df62fca777fc20d.png

【推荐学习：javascript高级教程】

以上就是javascript怎么隐藏herf的详细内容，更多请关注php中文网其它相关文章！

相关标签：
javascript
来源：php中文网
上一篇：深入了解Node.js中的Express框架 下一篇：浅谈Angular中父子组件间怎么传递数据
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
在项目之间共享React组件 概念问题。我有两个在两个不同的React服务上运行的项目。许多组件可以在这两个项目之间共享。我应该如何设置，以便我可以拥有一个“实时”的共享组件项目，并且多个项目可以实时使用这些组...
P粉225961749来自于2023-09-21 00:01:52
0 1 198
将叠加图像保持在图像边界内 - 限制它仅粘附在图像上 我正在尝试在图像上放置一个覆盖层，但是这个覆盖层延伸到了顶部的菜单栏上，我不知道如何只将其粘贴在图像上。我尝试了不同的调整图像和更改位置的方法，但它仍然延伸到菜单栏上。当我调整顶部...
P粉838563523来自于2023-09-20 22:57:13
0 1 180
在返回语句中使用内联JSX渲染时，检索元素的宽度 我有一个元素，我想计算它的宽度，然后迭代多少次，以至少占满视口的宽度。问题是，我无法通过我正在使用的行内JSX渲染样式来获取宽度。即使我将其设置为依赖项，我在useEffect中仍...
P粉441076405来自于2023-09-20 22:00:52
0 1 260
UseEffect触发的无限API调用 我构建了一个MERN项目，其中组件FrindListWidget在2个条件下被调用。如果是用户自己的朋友列表，则会渲染该小部件，并且Reduxuser.friends中的状态也会更...
P粉501683874来自于2023-09-20 20:50:56
0 1 127
使用自己创建的<Tab/>组件时，与"&.Mui-selected"状态有问题 我创建了一个自定义的<Tab/>，我想通过使用以下代码来控制它的选中颜色：沙盒演示代码exportconstTab=styled(MuiTab)({"&...
P粉775788723来自于2023-09-20 19:56:31
0 1 131
如何使用Python匹配带有附加部分的字符串，但如果它们的附加部分不同，则不匹配它们 如何匹配带有附加部分的字符串，但如果它们具有不同的附加部分，则不匹配它们？例如，如果我有一个名字列表，并且需要将其与我的数据库中的名字匹配：|MyDataBase|Foreignt...
P粉676588738来自于2023-09-20 19:02:23
0 1 150
每60秒为多个元素添加随机的div类值 我有一个页面看起来像这样：<ahref="#"onclick="go('register')"><imgclass=&qu...
P粉342101652来自于2023-09-20 17:47:56
0 1 169
为什么我的动画函数中的慢速倒带功能不起作用？ 我不明白为什么div没有动画地恢复正常状态。我尝试了一切这是我的代码：我在很多地方查找了，但就是找不到问题。<divid="quadro_tudo">...
P粉958986070来自于2023-09-20 16:33:43
0 1 143
JavaScript代码漏洞修复：你需要知道的重要步骤 我不是最强大的JS用户，但我需要它，并为我的网页编写了一些在Apache和PHP上工作的代码。在我的ajax请求中，我有以下代码：if(dataX['var1']=='1.1'||...
P粉463418483来自于2023-09-20 14:49:09
0 2 256
如何使用SQL检索具有最高值的列中的行 [重复] 我有一个文档的表格（这里是简化版）：id转内容11...21...12...13...如何选择每个id的一行，且只选择最大的rev？根据上述数据，结果应包含两行：[1,3,...]...
P粉211273535来自于2023-09-20 13:44:50
0 2 268
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 立即咨询

  • 微信沟通

  • QQ群

  • 优惠券

  • 返回顶部