HTML5 항목 숙달에 대 한: HTML5 웹 스토리지

클라이언트에서 http://www.aliyun.com/zixun/aggregation/17326.html "> 데이터 저장

HTML 5는 클라이언트 쪽에서 데이터를 저장 하는 두 개의 새로운 방법을 제공 합니다.

Localstorage 없음 제한 시간 데이터 저장

세션에 대 한 Sessionstorage-데이터 저장

전에,이 모두 하면 쿠키. 하지만 쿠키 쿠키 느리고 비효율적인 하 게 서버에 각 요청에 의해 전달 되기 때문에 많은 양의 데이터를 저장 하는 데 적합 하지 않습니다.

각 서버 요청 하지만 요청 하는 경우에 HTML 5에서 데이터 배달 되지 않습니다. 그것은 웹 사이트의 성능 영향을 주지 않고 많은 양의 데이터를 저장할 수 있습니다.

다른 사이트에 대 한 데이터는 다른 지역에 저장 하 고 웹 사이트는 자신의 데이터에 액세스할 수 있습니다.

HTML 5 자바 스크립트를 사용 하 여 저장 하 고 데이터를 액세스할.

Localstorage 메서드

Localstorage 메서드에 의해 저장 된 데이터는 시간 제한이 있습니다. 데이터는 다음 날, 두 번째 주, 또는 다음 해 계속 사용할 수 있습니다.

만들고 localstorage에 액세스 하는 방법:

인스턴스

< 스크립트 유형 = "텍스트/자바 스크립트" >
Localstorage.lastname= "스미스";
document.write (Localstorage.lastname);
</스크립트 >

스스로 그것을 시도, 코드는 다음과 같습니다.

<! DOCTYPE html >
< html >
< 몸 >
< 스크립트 유형 = "텍스트/자바 스크립트" >
Localstorage.lastname= "스미스";
document.write ("성:" + localstorage.lastname);
</스크립트 >
</바디 >
< / html >

다음 예제에서는 사용자가 페이지에 액세스 하는 횟수를 계산.

인스턴스

< 스크립트 유형 = "텍스트/자바 스크립트" >
경우 (Localstorage.pagecount)
{
Localstorage.pagecount=number (Localstorage.pagecount) + 1;
}
다른
{
Localstorage.pagecount=1;
}
document.write ("방문" + Localstorage.pagecount + "시간 (s)");
</스크립트 >

스스로 그것을 시도, 코드는 다음과 같습니다.

<! DOCTYPE html >
< html >
< 몸 >
< 스크립트 유형 = "텍스트/자바 스크립트" >
Localstorage.lastname= "스미스";
document.write ("성:" + localstorage.lastname);
</스크립트 >
</바디 >
< / html >