h5封装app cookie

H5封装APP是近年来很流行的一种混合式开发方式，它可以用HTML、CSS和JavaScript来编写移动应用程序，并且可以在多个平台上运行。但是，因为H5应用程序在本质上是一个网站，因此它们和浏览器行为一样，而不像原生应用程序一样具有所有的本地功能。因此，在H5封装APP中保留用户信息非常重要，我们可以使用cookie来实现这个功能。

Cookie是一种标准的网页服务器用来跟踪使用者活动的小文件，通过在用户浏览器上存储一些信息，可以使站点记录用户特定信息，以便再次访问站点。在H5封装APP中，使用cookie来记录用户信息非常简单，只需要以下的步骤：

1. 创建cookie

创建cookie非常简单，只需要调用setCookie函数，如下所示：

```

function setCookie(name, value, days) {

var expires = "";

if (days) {

var date = new Date();

date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

expires = "; expires=" + date.toUTCString();

}

document.cookie = name + "=" + (value || "") + expires + "; path=/";

}

```

setCookie函数接收三个参数，第一个是cookie的名称，第二个是cookie的值，第三个是cookie的过期时间（以天为单位）。在这个函数中，我们使用JavaScript的Date对象设置了一个过期日期，然后将cookie的名称、值和过期时间一起存储在document.cookie中。

2. 读取cookie

读取cookie也非常简单，只需要调用getCookie函数，如下所示：

```

function getCookie(name) {

var nameEQ = name + "=";

var ca = document.cookie.split(';');

for (var i = 0; i < ca.length; i++) {

var c = ca[i];

while (c.charAt(0) == ' ') c = c.substring(1, c.length);

if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);

}

return null;

}

```

getCookie函数接收一个参数，即cookie的名称。在这个函数中，我们使用document.cookie获取所有的cookie，并分割成数组。然后，我们遍历数组，查找具有与指定名称匹配的cookie。如果找到了该cookie，则返回该cookie的值，否则返回null。

3. 删除cookie

删除cookie也非常简单，只需要调用deleteCookie函数，如下所示：

```

function deleteCookie(name) {

document.cookie = name + '=; Max-Age=-99999999;';

}

```

deleteCookie函数接收一个参数，即cookie的名称。在这个函数中，我们通过将cookie的过期时间设置为一个负值来删除cookie。

H5封装APP中使用cookie来记录用户信息非常方便，只需要在需要保留用户信息的地方调用setCookie函数，然后在其他地方调用getCookie函数来读取这些信息即可。当需要删除用户信息时，只需要调用deleteCookie函数即可。

总之，使用cookie来记录用户信息是一个非常方便和可靠的方法，可以帮助您轻松地保留用户信息。