时间戳

首页 > 解决方案 > 在按钮中编辑 onclick url

javascript - 在按钮中编辑 onclick url

问题描述

我正在尝试在按钮 onclick 事件中编辑 url。下面是按钮的来源和我想从 onclick 部分中删除的文本。最终目标是拥有一个 Tampermonkey 脚本，允许我轻松下载 stp 文件，而无需在单击链接后手动编辑链接。

消除

"fusion360://command=insert&file=" +

从

<button type='button' class="event btn btn-default btn-lg btn-block" onclick='window.location.href = "fusion360://command=insert&file=" + encodeURIComponent("https://assets.sas-automation.com/cad/SWM%203.stp");' data-category="Product Sidebar Right" data-action="Button Click" data-label="Opened CAD File in Fusion" aria-label="button">Open in Fusion360</button>

标签： javascriptbuttononclicktampermonkey

解决方案

有很多方法可以实现这一点，这是我想到的一种：

  1. 使用 getElementsByClassName（或任何其他选择器函数）来获取按钮
  2. 将onclick属性值（文本类型）保存到变量中
  3. 查找给定的子字符串并将其替换为空字符串
  4. 将结果保存回按钮的onclick属性。

注意：您的解决方案有一个问题：为了在单击按钮时获得正确的重定向，您必须删除该方法encodeURIComponent，因为 url 似乎已经编码。

你应该很高兴。你可以玩这个片段。

var button = document.getElementsByClassName('event btn btn-default btn-lg btn-block')[0];
var onClick = button.getAttribute('onclick')
.replace(/"fusion360:\/\/command=insert&file="\s*\+\s/, '')
.replace('encodeURIComponent(', '')
.replace(');', '');
button.setAttribute('onclick', onClick);
<button type='button' class="event btn btn-default btn-lg btn-block" onclick='window.location.href = "fusion360://command=insert&file=" + encodeURIComponent("https://assets.sas-automation.com/cad/SWM%203.stp");'
  data-category="Product Sidebar Right" data-action="Button Click" data-label="Opened CAD File in Fusion" aria-label="button">Open in Fusion360</button>

推荐阅读