js和data-url代替a标签的各种好处
看到有几个小子这样写,如图
文章图片
跳转没用a标签,而是用了div加h5的自定义属性,咨询了一下唱神,因为a标签有种种不确定性,比如在各种浏览器的表现形式不统一,而且鼠标hover的时候页面下方会有链接,显得很low。
而div+自定义属性,在js中获取链接,通过$('.new').attr('url')获取地址,然后把链接 window.href,这样做的目的是不暴露地址,有一些地址是隐藏的,在js处理可以有一个保护性,在html里面就直接能看到,还有在js里可以对http和https做处理,更加便利,window.location.protocol,这样按页面头信息,跳转,,还有就是按域名,比如你是测试机器,然后你在html写错了其实灵活性太不好
文章图片
data属性可以使用dataset拿到,是一个对象
【js和data-url代替a标签的各种好处】使用dataset
操作data
要比使用getAttribute和setAttribute
速度稍微慢些,使用dataset
不能提高代码的性能,但是对于简洁代码,提高代码的可读性和可维护性是很有帮助的
推荐阅读
- 急于表达——往往欲速则不达
- 第三节|第三节 快乐和幸福(12)
- 20170612时间和注意力开销记录
- 2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程]
- 对称加密和非对称加密的区别
- 眼光要放高远
- 樱花雨
- 前任
- 2020-04-07vue中Axios的封装和API接口的管理
- 烦恼和幸福