2017-02-07 3 views
0

местные пункты хранения после обновления страницы

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
<button onclick="myFunction();">Fav Number</button> 
 
<div id="result"></div> 
 
    <!--This code works on chrome--> 
 

 
<script> 
 
function myFunction() { 
 
// Check browser support 
 
if (typeof(Storage) !== "undefined") { 
 
    // Store 
 
\t var a = prompt("fav number"); 
 
    localStorage.setItem("lastname", a); 
 
    // Retrieve 
 
    document.getElementById("result").innerHTML = localStorage.getItem("lastname"); 
 
} else { 
 
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage..."; 
 
} 
 
} 
 
</script> 
 

 
</body> 
 
</html>

привет,

это возможно, чтобы получить местные пункты хранения обратно, когда вы обновите страницу? и если да, то как?

Благодаря

Дилан,

+0

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage – Kiksen

+0

Я всегда использую sessionStorage .. Я бы рекомендовал использовать это. –

ответ

2

Получение и установка localStorage данных. В следующем примере данными для установки является Object (который обрабатывается JSON.stringify). Если необходимо сохранить string/int, нет необходимости в использовании JSON.stringify.

var dataObject = { 'item1': 1, 'item2': 2, 'item3': 3 }; 

// Set localStorage item 
localStorage.setItem('dataObject', JSON.stringify(dataObject)); 

// Retrieve the object from localStorage 
var retrievedObject = localStorage.getItem('dataObject'); 

// console.log retrieved item 
console.log('retrieved data Object: ', JSON.parse(retrievedObject)); 

Получив данные localStorage при необходимости, нет необходимости обрабатывать часть обновления страницы. Данные localStorage извлекаются при необходимости функциями приложения и логикой.

Смежные вопросы