>웹 프론트엔드 >JS 튜토리얼 >javascript 기반의 COOkie 동작 구현은 한 번만 클릭 가능_javascript 기술

javascript 기반의 COOkie 동작 구현은 한 번만 클릭 가능_javascript 기술

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 16:24:081332검색

웹사이트를 개발할 때 사용자가 계속 클릭하도록 제어하는 ​​기능이 실제로 많은 사람들에게 필요하다는 것을 알고 있습니다! 그럼 여기서는 자바스크립트 기반의 COOkie 동작에 대해 간략히 적어보겠습니다!

코드 복사 코드는 다음과 같습니다.

//쿠키 설정
함수 setCookie(키, 값) {
          document.cookie = key "=" escape(value);
}
//쿠키 값 가져오기
함수 getCookie(key) {
If (document.cookie.length) {
                var cookie = ' ' document.cookie;
                var start = cookie.indexOf(' ' key '=');
If (start == -1) { 반환 null }
               var end = cookie.indexOf(";", start);
If (end == -1) { end = cookie.length }
               끝 -= 시작;
            var cookie = cookie.substr(start,end);
                return unescape(cookie.substr(cookie.indexOf('=') 1, cookie.length - cookie.indexOf('=') 1));
}
          else { null 반환 }
}  

그럼 간단한 예를 들어보겠습니다! 바로 그거야

코드 복사 코드는 다음과 같습니다.

//클릭에 따라 전달된 ID에 따라
함수 설명(id,is){
If(getCookie(id)==null){
setCookie(id,"www.widuu.com");
Alert("쿠키가 성공적으로 설정되었습니다.");
        }그 외{
If(getCookie(id)=="www.widuu.com"){
Alert("이미 검토하셨습니다.");
                 반품 ;
}
//Ajax를 통해 데이터베이스에 값을 저장하는 자체 로직은 다음과 같습니다.
}

아주 간단한 기능이지만 필요하다면 수정해서 활용해보세요! 모두가 볼 수 있도록 스크린샷을 찍어주세요!


친구들이 자주 필요로 하는 기능을 구현하셨나요? 매우 간단합니다. 필요하시면 가져가서 사용하세요.

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