在网站开发的时候,如果你不想用a标签href跳转页面,我们可以在任意标签使用dat瞢铍库祢a-*属性加上JS脚本,来自定义跳转链接!
工具/原料
电脑
网站开发工具
方法/步骤
1、打开网页编辑器,创建HTML页面(开发工具根据自己的喜好)
2、模拟创建data-url属性,小编以DIV添加data-url链接为例子!
3、使用JS给DIV添加点击事件
4、获取data-url链接的值
5、设置点击后跳转页面:核心代码:箪滹埘麽vardemo=document.getElementById("demo"); d髫潋啜缅emo.onclick=function(){ varurl=demo.getAttribute("data-url");//获取data-url链接地址 location.href=url;//设置点击后跳转页面}