当前位置:   article > 正文

JS原生Cookie的封装_js 封装cookie

js 封装cookie

JS的底层j没有封装好Cookie,所以我们使用Cookie导致极不方便,我们自己动手封装一下Cookie,使用的时候引入文件把Cookie调用一下就可以使用了,极大的提高了开发效率。

封装了Cookie的四个函数:

1:setCookie("键","值","有效时间"):设置Cookie;

2:getCookie("键") :获取Cookie 具有返回值;

3:removeCookie("键"):删除Cookie;

4:clearCookie( ):清空Cookie;

Cookie.js:

  1. // 创建Cookie
  2. // setCookie("键","值","有效时间")
  3. function setCookie(key, value, time) {
  4. var now = new Date();
  5. now.setDate(now.getDate() + time);
  6. document.cookie = `${key} = ${value}; expires = ${now}`;
  7. }
  8. // 获取Cookie
  9. // getCookie("键")
  10. function getCookie(key) {
  11. var str = document.cookie;
  12. var nweArray1 = str.split("; ");
  13. for (var item of nweArray1) {
  14. var newArray2 = item.split("=");
  15. if (newArray2[0] == key) {
  16. // console.log(newArray2[1]);
  17. return newArray2[1];
  18. }
  19. }
  20. }
  21. // 删除Cookie
  22. // removeCoolie("键")
  23. function removeCookie(key) {
  24. this.setCookie(key, "", -1);
  25. }
  26. // 清空Cookie
  27. // clearCookie()
  28. function clearCookie() {
  29. var str = document.cookie;
  30. var newArray1 = str.split("; ");
  31. for (var item of newArray1) {
  32. var newArray2 = item.split("=");
  33. this.setCookie(newArray2[0], "", -1);
  34. }
  35. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/149798
推荐阅读
相关标签
  

闽ICP备14008679号