js怎么隐藏href中的路径

2025-04-25 00:58:45

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中的路径
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢