在网站开发的时候,如果你不想用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更加方便!
上一篇:闲鱼发布宝贝不存在或已删除
下一篇:获取类的特定方法