前端小技术

最新推荐文章于 2024-10-02 22:27:53 发布

_zyw_-

最新推荐文章于 2024-10-02 22:27:53 发布

阅读量469

点赞数

CC 4.0 BY-SA版权

分类专栏：个人笔记文章标签： jquery html 前端

本文链接：https://blog.youkuaiyun.com/a791123503/article/details/79627872

个人笔记专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用纯JavaScript和jQuery操作网站Cookies，包括设置、获取、删除Cookies及设置过期时间等实用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用js操作cookie的方法：

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
  {alert('Welcome again '+username+'!')}
else 
  {
  username=prompt('Please enter your name:',"")
  if (username!=null && username!="")
    {
    setCookie('username',username,365)
    }
  }
}

使用jquery操作cookie的方法：注意，需要引用jquery相关文件（jquery.cookie.js），

$.cookie('name', 'value');//设置cookie的值，把name变量的值设为value
$.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等 
$.cookie('name', null);//删除一个cookie
$.cookie('name');//获取cookie中name的值

html中把js中的参数值赋给前端div：
```
$("#div的id").html("sss");
```
html中div靠右：
```
<div style="float: right;"></div>
```

jquery页面跳转：

$(location).attr('href', '页面链接');
$(window).attr('location','页面链接');
$(location).prop('href', '页面链接')；

html3秒后跳转：

<meta http-equiv="refresh" content="3;URL=页面链接">

<script type="text/javascript"> 
onload=function(){ 
    setInterval(go, 1000); 
}; 
var x=3; //利用了全局变量来执行 
function go(){ 
    x--; 
    if(x>0){ 
        $("#id").innerHTML=x; //每次设置的x的值都不一样了。 
    }else{ 
        location.href='页面链接'; 
    } 
} 
</script>

jquery返回前一个页面：

history.back(-1);//直接返回当前页的上一页,数据全部消除，全新的页面
history.go(-1);//返回当前页的上一页，表单里的数据全部还在

cookie过期时间

//cookie过期时间设置方式：
cookie.setMaxAge(0);//不记录cookie
cookie.setMaxAge(-1);//会话级cookie，关闭浏览器失效
cookie.setMaxAge(60*60);//过期时间为1小时

cookie删除

$.cookie('cookie的name', '', { expires: -1 });//将cookie的value设为空字符串，再修改过期时间