Зачем использовать атрибут data star (data- *) в html5? [Дубликат]

Question

Зачем использовать атрибут data star (data- *) в html5? [Дубликат]

1

Я проходил через HTML5, и я обнаружил, что атрибут data- * является новым для HTML5. Но я не понял его значения. В соответствии с его определением из w3schools я понял:

Атрибуты data- * используются для хранения конфиденциальных данных на странице или приложении.

Вопрос: Что это означает по пользовательским данным? Как мы можем использовать data- * для хранения пользовательских данных?

Атрибуты data- * дают возможность вставлять атрибуты пользовательских данных во все элементы HTML.
Сохраненные (пользовательские) данные могут затем использоваться на странице JavaScript для создания более привлекательного пользовательского интерфейса (без каких-либо вызовов Ajax или запросов на серверную базу данных).

Вопрос. Мы уже можем добавлять атрибуты к элементу и использовать его в JavaScript, то зачем использовать атрибут data- *?

Dark Matter 03 май 2018, в 07:53

Источник

0

Как, например, если вы хотите сохранить id в div , вы должны поместить что-то вроде data-someid="1" , а затем получить его, используя (в JQuery) var someId = $("div").data('someid')
Carl Binalla 03 май 2018, в 05:45
0

Таким образом, преимущество заключается в том, что я могу поставить что угодно в качестве имени атрибута и использовать его в javaScript.
Dark Matter 03 май 2018, в 07:08
0

Вопрос, который я связал, несколько устарел, но я думаю, что он дает хороший ответ. Обратите внимание, что DOM API, на который ссылается верхний ответ, - это набор данных , который действительно доступен в большинстве браузеров.
Andrew Myers 03 май 2018, в 18:57

Показать ещё 1 комментарий

Теги:

javascript

html5

html-dataset

1 ответ

Ещё вопросы

Как, например, если вы хотите сохранить id в div , вы должны поместить что-то вроде data-someid="1" , а затем получить его, используя (в JQuery) var someId = $("div").data('someid')
Таким образом, преимущество заключается в том, что я могу поставить что угодно в качестве имени атрибута и использовать его в javaScript.
Вопрос, который я связал, несколько устарел, но я думаю, что он дает хороший ответ. Обратите внимание, что DOM API, на который ссылается верхний ответ, - это набор данных , который действительно доступен в большинстве браузеров.

Alvin Espárrago · Answer 1 · 2018-05-03T14-56-00.000Z

Вы можете использовать data- * для лучшей и гибкой организации. Практический пример будет примерно таким:

$("#result").text( $("#player").data("age") + " years old, " +
"Actual Team: "+$("#player").data("team") );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

</script>
<!-- For Example, multiple data in a single div-->
<div data-age="33" data-team="Real Madrid" id="player">
       Cristiano Ronaldo profile: <span id="result"></span>
</div>