JavaScript로 쿠키의 이름/값 쌍 표시하기
현재 문서에 저장된 쿠키의 이름/값 쌍을 확인하려면 document.cookie 속성을 사용하면 됩니다. 이 속성은 해당 문서와 연관된 모든 쿠키를 '이름=값' 형태의 문자열로 반환하며, 쿠키가 여러 개일 경우 각 쌍은 세미콜론(;)으로 구분됩니다.
예제 코드
아래 코드를 실행하면 JavaScript를 이용해 문서 내 쿠키의 이름/값 쌍을 화면에 출력할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<script>
var val = document.cookie;
document.write("<br>쿠키의 이름/값 쌍: " + val);
</script>
</body>
</html>
코드 설명
document.cookie는 읽기와 쓰기가 모두 가능한 속성으로, 값을 읽을 때는 현재 문서의 모든 쿠키 문자열을 반환합니다. 위 예제에서는 이 값을 변수 val에 저장한 뒤, document.write()를 사용해 화면에 출력합니다.
참고로 쿠키가 존재하지 않으면 빈 문자열이 반환되며, HttpOnly 속성으로 설정된 쿠키는 JavaScript로 접근할 수 없으므로 결과에 표시되지 않습니다.