cookie小案例30天内免登录

news/2024/5/18 12:26:45 标签: cookie

cookie_0">30天内免登陆 cookie小案例

cookie_1">原生js,$在machine文件中封装,可直接使用,cookie也封装在其中
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            margin-top: 10px;
        }
    </style>
</head>

<body>
    <div id="box">
        <div>账号<input type="text" id="username"></div>
        <div>密码<input type="password" id="password"></div>
        <div><input type="checkbox" id="che">30天内免登录</div>
        <div><button id="login">登录</button></div>
    </div>
    <!-- machine.js为封装的cookie等  -->
    <script src="machine.js"></script>
    <script>
        $("#login").onclick = function() {
            if ($("#che").checked) {
                cookie.set("username", $("#username").value, '2021-02-08');
                cookie.set("password", $("#password").value, 30)
            }
        }

        if (cookie.get("username") && cookie.get("password")) {
            $("#username").value = cookie.get("username")
            $("#password").value = cookie.get("password")
        }
    </script>
</body>

</html>

http://www.niftyadmin.cn/n/1162260.html

相关文章

P2-2笔记

day21(5-1) AJAX铺垫 协议名&#xff0c;主机名&#xff0c;端口号 http://www.baidu.com:80 协议名://主机名&#xff08;域名或IP地址):端口号 当在浏览器上输入完地址后到看到页面这中间网络上都发生了些什么 DNS解析(将域名转换为IP地址的过程)向服务器发送一次HTTP请…

MySQL索引数据结构及算法原理

个人学习 引用自 http://blog.codinglabs.org/articles/theory-of-mysql-index.html 摘要 MySQL支持诸多存储引擎&#xff0c;而各种存储引擎对索引的支持也各不相同&#xff0c;因此MySQL数据库支持多种索引类型&#xff0c;如BTree索引&#xff0c;哈希索引&#xff0c;全文…

node.js中express的用法

express 第三方模块的写法 //express不是一个对象&#xff0c;而是一个方法&#xff0c;返回函数本身&#xff0c;加&#xff08;&#xff09;直接调用 let express require("express")(); const port 8080;// 计划监听来自前端的get(http)请求(不是一个静态请求&…

21分钟 MySQL 入门教程 笔记

MySQL的相关概念介绍 MySQL 为关系型数据库(Relational Database Management System), 这种所谓的"关系型"可以理解为"表格"的概念, 一个关系型数据库由一个或数个表格组成, 如图所示的一个表格: 表头(header): 每一列的名称;列(row): 具有相同数据类型的…

nodejs:fs (内置模块)读取和写入文件

node fs (内置模块)读取和写入文件 const fs require("fs"); //异步读取文件 fs.readFile("data.txt", (error, data) > {if (error) {console.log(error)} else {console.log(String(data))} })//同步读取 console.log(String(fs.readFileSync("…

JavaScript学习(一)JavaScript 简介

JavaScript 简介 什么是 JavaScript&#xff1f; JavaScript 最初的目的是为了“赋予网页生命”。这种编程语言我们称之为脚本。它们可以写在 HTML 中&#xff0c;在页面加载的时候会自动执行。脚本作为纯文本存在和执行。它们不需要特殊的准备或编译即可运行。这方面&#x…

P-1(全)web前端HTML5andCSS笔记

1 HTML的相关概念和建站流程 HTML的概念&#xff1a;超文本标记语言HTML的基本组成 结构 html/xhtml w3c(万维网联盟)制定规范样式 css w3c(万维网联盟)制定规范行为 js ECMA(欧洲电脑网商联合会) xhtml: 可扩展的标记性语言xhtml和html的区别&#xff1f;&#xff1f; xhtml…

JavaScript学习(二)基础知识 变量 常量 数据类型

Hello, world! “script” 标签 JavaScript 程序可以使用 <script> 标签插入到 HTML 的任何地方。 <!DOCTYPE HTML> <html><body><p>script 标签之前...</p><script>alert(Hello, world!);</script><p>...script 标签…