HTML5에서 웹 저장소의 의미는 웹 페이지가 사용자 컴퓨터에 일부 정보를 저장할 수 있도록 하는 것입니다. HTML5를 사용하면 사용자의 검색 데이터를 로컬에 저장할 수 있습니다. sessionStorage 객체는 각각 로컬 저장소는 웹 사이트 데이터를 장기간 저장하는 데 사용되고 세션 저장소는 창의 데이터를 임시 저장하는 데 사용됩니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML5의 웹 저장소 기능은 웹 페이지가 사용자 컴퓨터의 일부 정보를 저장할 수 있도록 하는 것입니다. HTML5를 사용하면 사용자의 검색 데이터를 로컬에 저장할 수 있습니다.
이전에는 로컬 저장소에서 쿠키를 사용했습니다. 하지만 웹 스토리지는 더욱 안전하고 빨라야 합니다. 데이터는 서버에 저장되지 않지만 사용자가 웹사이트 데이터를 요청할 때만 데이터가 사용됩니다. 또한 웹사이트 성능에 영향을 주지 않고 많은 양의 데이터를 저장할 수도 있습니다. .
데이터는 키/값 쌍으로 존재하며, 웹페이지의 데이터는 해당 웹페이지에서만 접근하고 사용할 수 있습니다.
웹 저장소는 두 가지 유형으로 나뉩니다.
(1) localStorage 개체에 해당하는 로컬 저장소. 웹사이트 데이터를 장기간 저장하는 데 사용되며, 해당 데이터는 사이트 내 모든 페이지에서 액세스할 수 있습니다.
(2) sessionStorage 개체에 해당하는 세션 저장소입니다. 창(또는 탭)의 데이터를 임시로 저장하는 데 사용됩니다. 이 데이터는 방문자가 창이나 탭을 닫을 때까지 존재하며 닫은 후에는 브라우저에 의해 삭제됩니다.
로컬 저장소와 세션 저장소의 유사점과 차이점
(1) 로컬 저장소와 세션 저장소의 작업 코드는 완전히 동일하며 차이점은 데이터 수명에만 있습니다.
(2) 로컬 스토리지는 방문자가 나중에 볼 수 있는 데이터를 저장하는 데 주로 사용됩니다.
(3) 세션 저장소는 한 페이지에서 다음 페이지로 전달되어야 하는 데이터를 저장하는 데 사용됩니다.
웹 저장소 용량 제한
대부분의 브라우저는 로컬 저장소를 5MB 미만으로 제한합니다. 이는 웹사이트가 위치한 도메인과 관련이 있습니다.
웹 저장소 사용 예
다음은 로컬 저장소(localStorage)를 예로 들어 세션 저장소를 sessionStorage 객체로 변경할 수 있습니다.
(1) 텍스트 데이터 저장 및 읽기 localStorage.setItem("user_name","hangge.com");
var userName = localStorage.getItem("user_name");
(2) 숫자 값 저장 및 읽기 localStorage.setItem("user_age",100) ;
var userAge = Number(localStorage.getItem("user_age"));
(3) 날짜 저장 및 읽기 //날짜 객체 생성
var today = new Date(); //按照YYY/MM/DD的标准格式把日期转换成文本字符串,然后保存为文本 var todayString = today.getFullYear() + "/" + today.getMonth() + "/" + today.getDate(); localStorage.setItem("session_started", todayString); //取得日期文本,并基于该文本创建新的日期对象 var newToday = new Date(localStorage.getItem("session_started")); alert(newToday.getFullYear());
(학습 영상 공유: css 영상 튜토리얼, html 영상 튜토리얼)
위 내용은 html5에서 웹 스토리지의 의미는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!