跨浏览器localStorage [英] Cross-browser localStorage

问题描述

这个脚本是

$ b $

我想要一个用普通的JS编写的todo列表，而不使用框架来查看localStorage的跨浏览器兼容性。 b

  function addText（）{
 var input = document.getElementById（'input'）。value; 
 date = new Date（）; 
 var time = date.getTime（）; 
 if（input！==）{
 localStorage.setItem（time，lalala）; 
 document.getElementById（'input'）。value =''; 
}}; 
 
 function loadText（）{
 if（window.localStorage）{
 for（var i in window.localStorage）{
 console.log（i + ------ theiiiiiii）; 
 var z = localStorage.getItem（i）; 
 console.log（z +------你让我满意）; 
} 
} else {
 alert（您的浏览器不支持LocalStorage。 
} 
} 
  

现在，Chrome浏览器几乎可以opera我获得设置值加所有localStorage运算符。有人知道这个解决方案吗？

  1381311087810 -------- theiiiiiii 
 lalala --- -----你让我满意
长度-------- theiiiiiii 
 null --------你让我满意
键----- --- theiiiiiii 
 null --------你让我满意
 getItem -------- theiiiiiii 
 null --------你保持我满意
 setItem -------- theiiiiiii 
 null --------你让我满意
 removeItem -------- theiiiiiii 
 null --------你让我满意
 clear -------- theiiiiiii 
 null --------你让我满意
  

解决方案

尝试只列出键：

  function loadText（）{
 if（window.localStorage）{
 
 ///列出对象的所有键
 var keys = Object.keys（localStorage）; 
 
 for（var i，key; key = keys [i]; i ++）{
 console.log（key +-------- theiiiiiii）; 
 var z = localStorage.getItem（key）; 
 console.log（z +------你让我满意）; 
} 
} else {
 alert（您的浏览器不支持LocalStorage。 
} 
} 
  

i imagined a todo list written in plain JS without using framework just to see the localStorage cross-browser compatibility.

The script is

function addText(){
var input = document.getElementById('input').value;
date = new Date();
var time = date.getTime();
if (input !== "") {
    localStorage.setItem(time,"lalala");
    document.getElementById('input').value = '';
}};

function loadText(){
if (window.localStorage) {
        for(var i in window.localStorage){
            console.log(i+"--------theiiiiiii");
            var z = localStorage.getItem(i);
            console.log(z+"--------you keep me satisfied");
    }
} else {
    alert("Your Browser does not support LocalStorage.");
}
}

Now, i Chrome works, in Firefox almost, in opera i get set values plus all the localStorage operators. Does anybody know a solution to this?

1381311087810--------theiiiiiii
lalala--------you keep me satisfied
length--------theiiiiiii
null--------you keep me satisfied
key--------theiiiiiii
null--------you keep me satisfied
getItem--------theiiiiiii
null--------you keep me satisfied
setItem--------theiiiiiii
null--------you keep me satisfied
removeItem--------theiiiiiii
null--------you keep me satisfied
clear--------theiiiiiii
null--------you keep me satisfied

解决方案

Try by listing only the keys:

function loadText(){
    if (window.localStorage) {

        /// list all keys from object
        var keys = Object.keys(localStorage);

        for(var i, key; key = keys[i]; i++) {
            console.log(key + "--------theiiiiiii");
            var z = localStorage.getItem(key);
            console.log(z + "--------you keep me satisfied");
        }
    } else {
        alert("Your Browser does not support LocalStorage.");
    }
}

这篇关于跨浏览器localStorage的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！