JavaScript 本地存储的方式主要有以下几种：

Cookie：Cookie 是一种在浏览器中存储数据的技术，可以使用 JavaScript 操作 Cookie。Cookie 的最大存储容量是 4KB，Cookie 会在每次请求中都被发送到服务器端，所以不适合存储大量数据。

localStorage：localStorage 是 HTML5 中提供的一种本地存储方式，它可以存储大量数据，并且不会在每次请求中发送到服务器端，只有在客户端需要读取数据时才会发送到服务器端。localStorage 的数据是永久性存储的，除非手动删除或者清空浏览器缓存。

sessionStorage：sessionStorage 和 localStorage 类似，但是 sessionStorage 的数据只存在于当前会话中，在用户关闭浏览器或者打开新的页面时会被清除。它也不会在每次请求中发送到服务器端。

下面是使用 localStorage 存储数据的示例代码：

// 存储数据
localStorage.setItem('name', '张三');
localStorage.setItem('age', '18');
// 读取数据
var name = localStorage.getItem('name');
var age = localStorage.getItem('age');
console.log('name:', name, 'age:', age);
// 删除数据
localStorage.removeItem('name');

在上面的代码中，我们使用 setItem 方法存储数据，使用 getItem 方法读取数据，使用 removeItem 方法删除数据。这些方法都是 localStorage 提供的 API。

需要注意的是，使用 localStorage 存储数据时，存储的数据类型只能是字符串类型，如果要存储其他类型的数据，需要进行转换。同时，由于 localStorage 存储的数据是永久性存储的，所以需要注意不要存储过多的数据，避免影响页面性能