如何获取button按钮绑定的跳转链接？未找到其href标签该如何处理

你碰到的是前端用<button>元素而非<a>元素实现跳转的方案，<button>本身就没有href原生属性，所以你在按钮DOM上找不到是正常现象，链接地址通常存在于以下几个位置：

• 父级<a>标签
  部分实现会把<button>整体嵌套在<a>标签内部，href属性写在父级<a>上，你可以向上排查该按钮的DOM父节点确认。
• 按钮onclick属性
  检查<button>元素的属性列表，看是否存在onclick属性，部分原生JS实现会直接在属性里写onclick="window.location.href='目标链接'"这类逻辑，地址直接写在属性值中。
• 绑定的JS点击事件监听器
  现在主流前端框架（React、Vue等）都会用事件监听器绑定点击逻辑，不会写在DOM属性上。你可以打开浏览器开发者工具的「元素」面板，选中目标按钮后查看右侧「事件监听器」标签下的click事件对应处理函数，打断点调试就能拿到跳转的目标地址。
• 前端路由逻辑（该类单页应用场景下可能性最高）
  你描述的目标站点是单页应用，跳转不会走传统页面刷新逻辑，点击按钮后会直接调用前端路由方法（比如router.push()）加载对应内容，目标地址是提前写在JS业务代码里的常量，不会出现在DOM属性中。

快速解决方案 #

你可以直接点击该按钮，等页面跳转完成后直接复制浏览器地址栏的链接即可，这是成本最低的获取方式。

内容的提问来源于stack exchange，提问作者Franco Piccolo