js怎么隐藏href中的路径

 时间:2024-11-01 13:17:19

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

js怎么隐藏href中的路径

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

js怎么隐藏href中的路径js怎么隐藏href中的路径

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

js怎么隐藏href中的路径

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

js怎么隐藏href中的路径

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

js怎么隐藏href中的路径

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

js怎么隐藏href中的路径

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

js怎么隐藏href中的路径
  • wpsPPT中如何制作彩色水墨效果文字
  • 如何利用PPT在图片上增加一层黑色半透明?
  • pps为什么不能播放
  • 如何以office为例在同一个ppt中设置多个母版
  • PowerPoint如何设置自启动幻灯片播放#校园分享#
  • 热门搜索
    shall是什么意思 help是什么意思 不什么不什么的成语 dot是什么意思 wh是什么单位 耳鸣是什么原因引起的怎么治疗 ibm是什么意思 梦见坟墓是什么预兆 七夕送什么礼物 上善若水什么意思