我可以添加自定义属性的按钮html.它能在所有浏览器中工作吗?

Can I add custom attributes to button html. Will it work in all browsers

本文关键字：浏览器 工作 自定义属性 添加 按钮 html 我可以      更新时间：2023-09-26
<button id="save" custom-field="false">

我可以像上面所说的那样为按钮标记定义自己的自定义属性吗?它能在所有浏览器上工作吗?

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

因此，上面的修复是在ajax成功时，我将custom-field设置为true并在我的窗口中。onbeforeunload代码，我警报只有当custom-field假

可以使用jquery 。data用于添加自定义属性。

可用于添加任意自定义数据

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

您可以使用

检索它
$( "#save" ).data( "myAttribute" ); // myAttribute

或使用javascript

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

使用

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

是的，你可以在任何元素中添加自定义字段，并在需要时像下面这样访问它

<button id="save" data-field="false">
    var custFieldValue=$('#save').attr('data-field');

可以使用data-attribute

例如

: 

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

阅读更多关于data-attribute

你可以很容易地检索数据属性值在jquery使用.data()或.attr('data-field')

相关文章：