javascript - 我可以将自定义属性添加到按钮 html 中吗？它适用于所有浏览器吗

Question

<button id="save" custom-field="false">

我可以像上面所说的那样为按钮标记定义我自己的自定义属性吗？它适用于所有浏览器吗？

基本上，我遇到的问题是上面的保存按钮重定向到 AJAX 调用，如果成功，则重定向到其他页面。 我在 window.onbeforeunload 上添加了一个警报。当重定向是由于单击保存按钮成功调用 ajax 时，我不希望弹出此警报。

所以，上面的修复是在成功的 ajax 上，我将 custom-field 设置为 true 并且在我的 window.onbeforeunload 代码中，我仅在 custom-field 时发出警报错误。

Answer 1

是的，你可以使用 jquery .data 用于添加自定义属性。

它可以用来添加任何自定义的任意数据

<button id="save" data-myAttribute="myAttribute">

您可以使用

检索它

$( "#save" ).data( "myAttribute" ); // myAttribute

或者使用javascript

document.getElementById('save').setAttribute('mydata','myData');

检索它使用

document.getElementById('save').getAttribute('mydata');