localstorage 및 sessionstorage 사용 기록

이번에는 로컬스토리지와 세션스토리지 사용기록을 가져왔습니다. 로컬스토리지와 세션스토리지 사용기록에 대한 주의사항은 무엇인가요?

다양한 전문가들의 웹스토리지 로캐스토리지와 세션스토리지 활용 분석을 읽고 제가 직접 사용해 보고 여기에 메모를 남겼습니다.

프로젝트에서 스토리지를 여러 번 사용하고 많은 데이터를 저장해야 하는 경우 function에 캡슐화해야 합니다.

(이 함수는 알 수 없는 마스터가 작성한 함수입니다. 독창성, 저에게 연락주세요...)

function setStorage(key,value){
        if(!window.localStorage){
            alert("浏览器不支持localstorage");
            return false;
        }else{
            var storage=window.localStorage;
            //写入字段
            storage.setItem(key,value);
        }
    }
    function getStorage(key){
        if(!window.localStorage){
            alert("浏览器不支持localstorage");
        }else{
            var storage=window.localStorage;
            var key=storage.getItem(key);
//            console.log(key);
            return key;
        }
}

setStorage는 데이터를 저장하는 데 사용됩니다. 키는 원하는 대로 선택할 수 있지만 string 유형이어야 합니다. 그렇지 않으면 브라우저가 자동으로 해당 값을 키 이름으로 사용합니다.

그림과 같이 첫 번째 값은 키가 문자열로 지정되지 않았다는 것, 즉 큰따옴표가 없다는 것입니다.

값이 문자열 유형인 경우 큰따옴표를 추가하는 것을 잊지 마세요.

브라우저에서 저장 공간을 보는 방법은 무엇입니까?

최신 버전의 Chrome 브라우저의 경우 보기 위치는 아래와 같습니다.

프로젝트 내에서 데이터를 저장하는 동일한 함수를 여러 번 호출하면 필요한 경우 데이터가 실시간으로 변경됩니다. 저장된 모든 데이터를 지우려면:

localstorage.<a href="http://www.php.cn/wiki/917.html" target="_blank">clear<code>localstorage.<a href="http://www.php.cn/wiki/917.html" target="_blank">clear</a>();或者sessionStorage.clear();() 또는 sessionStorage.clear( );

프로젝트에서 사용된 원칙은 어떤 데이터를 저장해야 하는지, 해당 데이터를 사용하여 데이터를 저장하는 함수를 호출하는 것입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

H5 파일 비동기 업로드

데이터 목록 입력 상자와 배경 데이터베이스 데이터의 동적 매칭

위 내용은 localstorage 및 sessionstorage 사용 기록의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!