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

我有一个href标签，单击它会打开一个弹出窗口

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

我想在href标签中存储其他信息，这样我就可以从弹出窗口中获取这些信息

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

我的jquery当前看起来像：

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

   var amount = ???
   var description = ???
}();

---

是否有一种内置方法可以从单击的元素中获取值？

如果可以使用数据属性，为什么要将其存储在href中

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

---

当您可以使用数据属性时，为什么要将其存储在href中

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

---

您可以在单击的元素的

.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

处连接查询字符串，在字符串上调用

window.open（）

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

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

你可以使用和储存“任何东西”

你可以使用和储存“任何东西”

---

最好使用

数据id

使用什么脚本或服务器端代码获取？弹出窗口在同一个域上吗？根据使用caseNote，关闭

.on（）

的许多方法应该是

}）

而不是

}（）

更好地使用

data id

使用什么…脚本或服务器端代码获取？弹出窗口在同一个域上吗？根据使用案例的不同有多种方法。注意，

.on（）

的关闭应该是

}）

而不是

}（）

在弹出的

窗口中使用
位置。搜索
在弹出的
窗口中获取查询字符串
使用
位置。搜索
获取查询字符串
var amount = element.dataset.amount;