[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ja/docs/Web/API/Storage [Back]  [Original]

Storage - Web API | MDN

MDN Web Docs

View in English Always switch to English

Storage

Baseline

20157

Storage API

Window.sessionStorage Window.localStorage

Storage.length

Storage

Storage.key()

n n

Storage.getItem()

Storage.setItem()

Storage.removeItem()

Storage.clear()

localStorage Storage !localStorage.getItem('bgcolor') Storage.getItem() setStyles() populateStorage() Storage.setItem() setStyles()

js
if (!localStorage.getItem("bgcolor")) {
  populateStorage();
} else {
  setStyles();
}

function populateStorage() {
  localStorage.setItem("bgcolor", document.getElementById("bgcolor").value);
  localStorage.setItem("font", document.getElementById("font").value);
  localStorage.setItem("image", document.getElementById("image").value);

  setStyles();
}

function setStyles() {
  const currentColor = localStorage.getItem("bgcolor");
  const currentFont = localStorage.getItem("font");
  const currentImage = localStorage.getItem("image");

  document.getElementById("bgcolor").value = currentColor;
  document.getElementById("font").value = currentFont;
  document.getElementById("image").value = currentImage;

  htmlElem.style.backgroundColor = `#${currentColor}`;
  pElem.style.fontFamily = currentFont;
  imgElem.setAttribute("src", currentImage);
}

HTML
# storage


Web Proxy Viewer  |  New URL  |  Original Page