data-url怎么跳转

2026-02-13 18:49:27

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

data-url怎么跳转

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

data-url怎么跳转

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

data-url怎么跳转

4、获取data-url链接的值

data-url怎么跳转

5、设置点击后跳转页面:

核心代码:

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

demo.onclick=function(){

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

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

}

data-url怎么跳转

猜你喜欢