编辑按钮中的url

Question

我试图在一个按钮点击事件中编辑url。下面是按钮的来源和我想从onclick部分剥离的文本。最终目标是让我可以轻松下载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>

Answer 1

实现这一目标的方法有很多种，这是我脑海中想到的一种方法：

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>

​