Question

我有一个href标签，当点击时会打开一个弹出窗口。

我想在href标签中存储其他信息，以便我可以从弹出窗口中获取它。

return Base64Util.encodeBase64(new String(sigData.getEncoded()));

如果我想存储以下信息，我可以将其存储在href标签中吗？

<a href="" class="js-stripe-button">Order</a>

我的jquery目前看起来像：

amount
description

是否有内置方法从点击的元素中获取值？

Answer 1

您可以使用Data Attributes并存储＆＃34;任何内容＆＃34;。

<a href="" class="js-stripe-button" data-amount="10" data-description="My Description">Order</a>

然后使用dataset

获取它

var amount = element.dataset.amount;

Answer 2

为什么在可以使用数据属性时将其存储在href中？

<a href="" data-amount="" data-description="" class="myThing">Order</a>

然后你可以像这样检索它......

var a = document.querySelector('.myThing');

var amount = a.dataset.amount;

var description = a.dataset.description;

Answer 3

您可以在点击元素的.href处连接查询字符串，在字符串上调用window.open()

$(".js-stripe-button").on("click", function(e){
   e.preventDefault();

   var amount = ???
   var description = ???
   window.open(`${this.href}?amount=${amount}&description=${description}`);
});

如何使用href属性来存储元数据？

3 个答案: