多语言展示
当前在线:414今日阅读:155今日分享:35

data-url怎么跳转

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

电脑

2

网站开发工具

方法/步骤
2

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

3

使用JS给DIV添加点击事件

4

获取data-url链接的值

5

设置点击后跳转页面:核心代码:var demo = document.getElementById("demo"); demo.onclick=function(){ var url = demo.getAttribute("data-url");//获取data-url链接地址 location.href=url;//设置点击后跳转页面}

注意事项
1

小编使用的是原生JS编辑跳转

2

使用JQ更加方便!

推荐信息