Question

以下是什么是HTML5替换（纯HTML没有jQuery）？

$("#blah#").data("key", value);
var value = $("#blah#").data("key");

Answer 1

使用localStorage来达到您的标准。

实施例

localStorage.setItem('XYZ', value);

// Retrieve the object from storage
var value = localStorage.getItem('XYZ');

Answer 2

您可以使用localstorage或sessionstorage，具体取决于您希望为数据提供的生命周期。

放置在Local Storage中的数据是每个域（它可用于最初存储数据的域中的所有脚本），并在浏览器关闭后保留。

Session Storage是每页每页，并且仅限于窗口的生命周期。 Session Storage旨在允许同一Web应用程序的不同实例在不同的窗口中运行而不会相互干扰。

会话存储：

<!-- Store value on browser for duration of the session -->
sessionStorage.setItem('key', 'value');

<!-- Retrieve value (gets deleted when browser is closed and re-opened) -->
alert(sessionStorage.getItem('key'));

本地存储：

<!-- Store value on the browser beyond the duration of the session -->
localStorage.setItem('key', 'value');

<!-- Retrieve value (works even after closing and re-opening the browser) -->
alert(localStorage.getItem('key'));

请注意最低版本：

http://caniuse.com/namevalue-storage

Answer 3

document.getElementById('foo').setAttribute('data-key', 'value');
var value = document.getElementById('foo').getAttribute('data-key');

HTML5存储/检索对象数据的方式

3 个答案:

实施例