首页 > 编程语言 >前端学习-JavaScrip学习-cookie

前端学习-JavaScrip学习-cookie

时间:2023-11-14 12:11:40浏览次数:32  
标签:存储 JavaScrip 学习 cname cookie var

在使用Microsoft edge的时候,运行以下代码会报兼容性错误,但是一直没解决
'content-type' header charset value should be 'utf-8'.
使用chrome不会存储cookie 也没有报错
使用火狐可以成功存储cookie

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script  >
        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(";");
            for(var i=0;i<ca.length;i++) {
                var c = ca[i].trim();
                if(c.indexOf(name)==0) {
                    return c.substring(name.length,c.length);
                }
            }
            return "";
        }

        function setCookie(cname,cvalue,exdays) {
            var d = new Date();
            d.setTime(d.getTime()+exdays*24*60*60*1000);
            var expires = "expires="+d.toGMTString();
            document.cookie = cname + "=" + cvalue + ";" + expires;
        }

        function checkCookie() {
            var user = getCookie("username");
            // delCookie("username");
            if(user != "") {
                alert("welcome, " + user + "!");
            }
            else {
                user = prompt("please input your name: ","");
                if(user!=""&&user!=null) {
                    setCookie("username",user,60);
                }
            }
        }

        //删除cookie
        function delCookie(name){
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = getCookie(name);
            if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
        }

    </script>
</head>
<body onl oad="checkCookie()">
    
</body>
</html>


标签:存储,JavaScrip,学习,cname,cookie,var
From: https://www.cnblogs.com/ayubene/p/17831306.html

相关文章

  • 进一步优化! 视频优化时长限制从1个小时提升到了1个半小时,解锁更多优质学习视频啦!...
    昨天把YouTube中文配音升级到了1.0.0版本,这次没有继续采用0.x的版本号。主要是由于这次的更新,意味着主体能力的稳定。经过几个月的优化,现在对于视频的优化效率已经很高了,所以在这次的版本更新中,我们将视频配音优化的时长从1小时增加到了1个半小时。这意味着,更多优质的长视频,都可以......
  • JavaScript 事件的类型
    单击事件:当用户单击HTML元素时,会触发单击事件,这对于创建响应式和交互式界面至关重要。它们经常用于按钮单击或链接导航等操作,从而增强整体用户体验。鼠标事件:鼠标事件捕获涉及鼠标的用户操作,例如在元素上移动(鼠标悬停)、离开元素(鼠标移出)。为悬停效果或复杂的拖放交互等功能提供......
  • 机器学习——门控循环单元(GRU)
    在 8.7节中,我们讨论了如何在循环神经网络中计算梯度,以及矩阵连续乘积可以导致梯度消失或梯度爆炸的问题。下面我们简单思考一下这种梯度异常在实践中的意义:我们可能会遇到这样的情况:早期观测值对预测所有未来观测值具有非常重要的意义。考虑一个极端情况,其中第一个观测值......
  • Spring5学习随笔-Spring5的第一个程序(环境搭建、日志框架整合)
    学习视频:【孙哥说Spring5:从设计模式到基本应用到应用级底层分析,一次深入浅出的Spring全探索。学不会Spring?只因你未遇见孙哥】第二章、第一个Spring程序1.软件版本1.JDK1.8+2.Maven3.5+3.IDEA2018+4.SpringFramework5.1.4官网:www.spring.io2.环境搭建Spring的jar包......
  • 通过PowerShellPlus示例脚本学习PowerShell-读取VMware主机信息
    ##=====================================================================##Title:GetVI-HostList##Description:RetrieveVMwareHosts##Author:Idera##Date:9/11/2008##Input:-VIserver:VirtualInfrastructureserver##......
  • 小样本学习在图像识别中的挑战与突破
    小样本学习(Few-ShotLearning)是一种机器学习方法,旨在从很少的样本中学习并做出准确的预测。在图像识别领域,小样本学习面临一些挑战,同时也涌现出一些突破性的解决方法。挑战:缺乏数据:小样本学习的主要挑战之一是样本数量有限,这使得传统深度学习模型难以学习足够的特征。过拟......
  • 20231114学习总结
    推荐参考书:[1]范淼,李超.Python机器学习及实践,清华大学出版社.[2]PeterHarrington.机器学习实战,人民邮电出版社。《机器学习B实验任务书1》一、上机安排时间地点第10周周一2023.11.06第6-7节九实4-3、4-4第11周周一2023.11.13第6-7节九实......
  • 从理解和实战安排多线程学习-知识点整理
    确认目标一个是对知识点的理解,另外一个是对知识点的运用.相辅相成.同时带着Arthus去观察代码的情况.压测出代码的性能.先阅读书籍,理解知识点,这部分速度要快.然后针对知识点做一些练习,这部分速度略慢,不懂的需要查书.提高难度,挑战一些有创意的编程,去综合实现和......
  • MySQL学习(16)事务隔离级别
    事务隔离级别前言一次事务的执行,就是一次状态的转换。事务执行后,必须从一个一致性状态转换到下一个一致性状态,如果事务发生中止,也要回滚到最初的一致性状态。什么是事务隔离级别系统通过一些方法,使得并发执行的事务按照一定的顺序单独执行,或者最终执行的效果和单独执行一样。......
  • C++ Primer学习笔记——第十一章
    第十一章关联容器前言关联容器和顺序容器有着本质的不同:关联容器中的元素是按关键字来保存和访问的。与之相对,顺序容器中的元素是按它们在容器中的位置来顺序保存和访问的。(MySQL中元素就是按照关联容器进行保存)关联容器支持高效的关键字查找和访问。两个主要的关联容器(assoc......