深圳全飞鸿

标题: 关于data-url [打印本页]

作者: zhgc 时间: 2021-2-16 10:03
标题: 关于data-url
关于data-url

在网站开发的时候，如果你不想用a标签href跳转页面，我们可以在任意标签使用data-*属性加上JS脚本，来自定义跳转链接！

核心代码：

var demo = document.getElementById("demo");

demo.onclick=function(){

var url = demo.getAttribute("data-url");//获取data-url链接地址

location.href=url;//设置点击后跳转页面

}

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)