>  기사  >  웹 프론트엔드  >  순수 JS를 사용하여 쿠키를 작동하는 방법

순수 JS를 사용하여 쿠키를 작동하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-03-07 16:41:212270검색

이번에는 순수 JS Cookie를 운용하는 방법을 알려드리겠습니다. Cookie를 운용하기 위해 순수 JS를 운용할 때 주의사항은 무엇인지, 다음은 실제 사례로 살펴보도록 하겠습니다.

쿠키는 방문자의 컴퓨터에 저장되는 변수입니다. 이 쿠키는 동일한 컴퓨터가 브라우저를 통해 페이지를 요청할 때마다 전송됩니다. JavaScript를 사용하여 쿠키 값을 생성하고 검색할 수 있습니다.

쿠키 추가

설명:

새 쿠키를 생성하고 브라우저에서 관리하도록 하세요!

매개변수 설명:

name - 키-값 쌍의 키, 값을 고유하게 표시합니다

value - 키-값 쌍의 값, 쿠키 저장된 콘텐츠

expdays - 쿠키 만료 시간(유효 시간)

function setCookie ( name, value, expdays ){    var expdate = new Date();    //设置Cookie过期日期
    expdate.setDate(expdate.getDate() + expdays) ;    //添加Cookie
    document.cookie = name + "=" + escape(value) + ";expires=" + expdate.toUTCString();
}

Get Cookie

Description:

매개변수 이름에 따라 쿠키에서 해당 값을 가져옵니다

function getCookie ( name ){    //获取name在Cookie中起止位置
    var start = document.cookie.indexOf(name+"=") ;    if ( start != -1 )
    {
        start = start + name.length + 1 ;        //获取value的终止位置
        var end = document.cookie.indexOf(";", start) ;        if ( end == -1 )
            end = document.cookie.length ;        //截获cookie的value值,并返回
        return unescape(document.cookie.substring(start,end)) ;
    }    return "" ;
}

Delete Cookie

설명:

이름에 따라 쿠키 삭제(즉시 만료되도록 설정)

function delCookie ( name ){
    setCookie ( name, "", -1 ) ;
}

이 기사의 사례를 읽으신 후 방법을 숙달하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사를 주목하세요. PHP 중국어 웹사이트!

관련 읽기:

브라우저가 내가 작성한 코드와 호환되지 않으면 어떻게 해야 하나요?

JS에서 일반적으로 사용되는 배열 메서드 요약

Vue.js에 대한 자세한 그래픽 설명

xml2js in nodej

Pixi.js

사용방법 요약

위 내용은 순수 JS를 사용하여 쿠키를 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.