data-url怎么跳转

data-url怎么跳转

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

打开网页编辑器，创建HTML页面（开发工具根据自己的喜好）

模拟创建data-url属性，小编以DIV添加data-url链接为例子！

使用JS给DIV添加点击事件

获取data-url链接的值

设置点击后跳转页面：

核心代码：

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

demo.onclick=function(){

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

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

}