入我的主页，查看更多JS的分享！

我的代码有多短，本篇内容就有多短！

本地存储对比：

• sessionStorage，关闭窗口就被清除；
• localStorage，一直存在直到手动删除；
• cookie，设置有效期，可以直接实现标题的需求

今天不想多说话，直接贴上代码：

//判断是否支持 比如浏览器开启了隐私模式
var isCookie=()=>{
  return navigator.cookieEnabled;
};
//存储
function setCookie(cname, cvalue, exdays=0) {
  cvalue=encodeURIComponent(JSON.stringify(cvalue));
  if (exdays > 0) {
    var d=new Date().getTime() + exdays * 24 * 3600 * 1000 + 8 * 3600 * 1000;
    var expires="expires=" + new Date(d).toUTCString();
    document.cookie=cname + "=" + cvalue + ";" + expires + ";path=/";
  } else {
    document.cookie=cname + "=" + cvalue + ";" + ";path=/";
  }
}
//获取
function getCookie(cname) {
  var name=cname + "=";
  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);
    }
    if (c.indexOf(name)==0) {
      let d=c.substring(name.length, c.length);
      return JSON.parse(decodeURIComponent(d));
    }
  }
  return "";
}
//获取 通过正则
// function getCookie(name) {
//   var arr,
//     reg=new RegExp("(^| )" + name + "=([^;]*)(;|$)");
//   if ((arr=document.cookie.match(reg))) {
//     return JSON.parse(decodeURIComponent(arr[2]));
//   } else {
//     return null;
//   }
// }
//删除
function deleteCookie(name) {
  var date=new Date();
  date.setTime(date.getTime() - 1);
  var delValue=getCookie(name);
  if (delValue) {
    document.cookie=name + "=" + delValue + ";expires=" + date.toGMTString();
  }
}

使用示例：

//定义key
const tk="tk2020";
const uk="uk2020";
//保存
setCookie(tk, "14332239527007001", 0);
setCookie(uk, { id: 1, name: "以气御码" }, 0);
//获取
let token=getCookie(tk);
let user=getCookie(uk);
console.log(token);
console.log(user);

当使用setCookie时，传0或不传，表示关闭浏览器后就被清除，截图预览：

当登录的信息存储为这种形式，可以实现关闭浏览器，就清除登录信息。也可以再配合登录有效期，总不能“只要不关浏览器，就不退出登录了”。

文档：

有补充请在评论区留言。

何打开HTML文件？一文教你多种方法！HTML文件是网页开发的基础，它可以包含文本、图像、音频、视频等多种多媒体元素。那么，我们该如何打开这样的文件呢？下面来介绍几种常见的方法。第一种方法是使用浏览器打开。这是最常见的方式，只需要几个简单的步骤就能完成。首先，我们可以使用Chrome浏览器。打开Chrome浏览器，然后在地址栏中输入HTML文件的URL，或者直接将HTML文件拖拽到浏览器窗口中，HTML文件就会在浏览器中打开了。同样的，使用Firefox浏览器和Safari浏览器也是类似的操作，只需要在地址栏中输入URL或者拖拽HTML文件到浏览器窗口中即可。第二种方法是使用编辑器打开。如果你习惯使用Sublime Text或者Atom这样的编辑器，也可以通过它们来打开HTML文件。

只需要在菜单栏中选择“文件”->“打开”，然后在弹出的文件浏览器窗口中找到你的HTML文件，点击打开即可。第三种方法是使用命令行工具打开。如果你熟悉命令行操作，可以使用命令行工具来打开HTML文件。在Windows系统中，打开命令提示符，使用cd命令切换到HTML文件所在的目录，然后在命令提示符中输入"type filename.html"（其中filename.html是你的HTML文件名），HTML文件的内容将会在命令提示符中显示。在macOS系统中，打开终端，使用cd命令切换到HTML文件所在的目录，然后在终端中输入"cat filename.html"（其中filename.html是你的HTML文件名），HTML文件的内容将会在终端中显示。通过以上几种方式，你可以轻松地打开HTML文件。

无论是使用浏览器、编辑器还是命令行工具，都能够帮助你查看和编辑HTML文件，更好地进行网页开发工作。参考资料：- [How to Open HTML Files](https://www.wikihow.com/Open-HTML-Files)- [How to Open HTML Files](https://www.techwalla.com/articles/how-to-open-html-files)