基于目标URL中的#执行javascript

Question

当有人单击指向#checkoutID的元素时，我想执行一个脚本。

这就是要素：

<a class="lp-element lp-pom-button" id="lp-pom-button-293" href="**#checkoutID**" target="_self" data-params="true"><span class="label">Checkout</span></a>

这是脚本：

stripe.redirectToCheckout({
lineItems: [{
price: '{{checkoutID}}', 
quantity: 1,
}],
mode: 'payment',
successUrl: 'https://example.com/success',
cancelUrl: 'https://example.com/cancel',
}).then(function (result) {
});

我正在努力检索#之后的字符串，看看它是否包含"；结账"；然后使用checkoutID作为price的值来执行脚本，在本例中，price值只是项目的ID。有人愿意在这里提供一些建议吗。谢谢

Answer 1

如果您想检查当前url，可以使用

window.location.href;

而且，如果您想在某个事件上调用函数，请使用：

document.querySelector(‘#bttonOrElementID’).addEventListener(‘click’, function(){
//your function goes here
});