web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程

JavaScript开发小技巧之cookie

160 ℃

下面web建站教程为大家介绍一下JavaScript开发小技巧之cookie

设置cookie

export const setCookie = (key, value, expire) => {
    const d = new Date();
    d.setDate(d.getDate() + expire);
    document.cookie = `${key}=${value};expires=${d.toUTCString()}`
};

读取cookie

export const getCookie = (key) => {
    const cookieStr = unescape(document.cookie);
       const arr = cookieStr.split('; ');
       let cookieValue = '';
       for (let i = 0; i < arr.length; i++) {
           const temp = arr[i].split('=');
           if (temp[0] === key) {
               cookieValue = temp[1];
               break
       }
    }
    return cookieValue
};

删除cookie

export const delCookie = (key) => {
    document.cookie = `${encodeURIComponent(key)}=;expires=${new Date()}`
};

JavaScript实用工具函数开发技巧

JavaScript开发小技巧之各种时间操作

JavaScript开发小技巧之各种浏览器操作

JavaScript开发小技巧之各种设备判断

上面是“JavaScript开发小技巧之cookie”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_1534.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

javascript实现checkBox单选

1、HTML代码

<form name="form">
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(0)">中国
  <br>
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(1)">美国
  <br>
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(2)">英国
  <br>
  <input type="checkbox" name="checkboxName" onClick="javascript:chexkboxChange(3)">法国
</form>

2、JS代码

function chexkboxChange(cb) {
  for (j = 0; j < 8; j++) {
    if (eval("document.form.checkboxName[" + j + "].checked") == true) {
      document.form.checkboxName[j].checked = false;
      if (j == cb) {
        document.form.checkboxName[j].checked = true;
      }
    }
  }
}
点击阅读全文
上一篇:JavaScript开发小技巧之存储loalStorage
下一篇:JavaScript开发小技巧之各种格式校验