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拿到,是一个对象

使用dataset操作data 要比使用getAttribute和setAttribute速度稍微慢些使用dataset不能提高代码的性能,但是对于简洁代码,提高代码的可读性和可维护性是很有帮助的


  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值