养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

data-url怎么跳转

时间:2024-11-02 18:30:21

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

工具/原料

电脑

网站开发工具

方法/步骤

1、打开网页编辑器,创建HTML页面(开发工具根据自己的喜好)

data-url怎么跳转

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

data-url怎么跳转

3、使用JS给DIV添加点击事件

data-url怎么跳转

4、获取data-url链接的值

data-url怎么跳转

5、设置点击后跳转页面:核心代码:箪滹埘麽vardemo=document.getElementById("demo"); d髫潋啜缅emo.onclick=function(){ varurl=demo.getAttribute("data-url");//获取data-url链接地址 location.href=url;//设置点击后跳转页面}

data-url怎么跳转

© 一点知识