0

我有以下 javascript 用于保存许多 div

function savecells() {
    for (var tt = 0; tt < 12; tt++)
        localStorage.setItem(
            'savecellnoinsulation' + (tt + 1), 
            document.getElementById('noinsulation' + (tt + 1)).value
        );
}

如何为以下负载存储执行此操作？

function loadcells() {

    if (localStorage.getItem('savecellnoinsulation1')) {
        var answer = localStorage.getItem('savecellnoinsulation1');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation1').value = answer;

    if (localStorage.getItem('savecellnoinsulation2')) {
        var answer = localStorage.getItem('savecellnoinsulation2');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation2').value = answer;

    if (localStorage.getItem('savecellnoinsulation3')) {
        var answer = localStorage.getItem('savecellnoinsulation3');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation3').value = answer;

    if (localStorage.getItem('savecellnoinsulation4')) {
        var answer = localStorage.getItem('savecellnoinsulation4');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation4').value = answer;

    if (localStorage.getItem('savecellnoinsulation5')) {
        var answer = localStorage.getItem('savecellnoinsulation5');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation5').value = answer;

    if (localStorage.getItem('savecellnoinsulation6')) {
        var answer = localStorage.getItem('savecellnoinsulation6');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation6').value = answer;

    if (localStorage.getItem('savecellnoinsulation7')) {
        var answer = localStorage.getItem('savecellnoinsulation7');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation7').value = answer;

    if (localStorage.getItem('savecellnoinsulation8')) {
        var answer = localStorage.getItem('savecellnoinsulation8');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation8').value = answer;

    if (localStorage.getItem('savecellnoinsulation9')) {
        var answer = localStorage.getItem('savecellnoinsulation9');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation9').value = answer;

    if (localStorage.getItem('savecellnoinsulation10')) {
        var answer = localStorage.getItem('savecellnoinsulation10');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation10').value = answer;

    if (localStorage.getItem('savecellnoinsulation11')) {
        var answer = localStorage.getItem('savecellnoinsulation11');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation11').value = answer;

    if (localStorage.getItem('savecellnoinsulation12')) {
        var answer = localStorage.getItem('savecellnoinsulation12');
    } else {
        var answer = ' ';
    }
    document.getElementById('noinsulation12').value = answer;
}

我确实尝试了类似的方法，但它失败了。这甚至可能吗？不知道还有什么可以尝试的！

谢谢

4

2 回答 2

0

这是一个反转函数的savecells()函数。如果页面布局与您保存它们的页面相同，它将只获取所有值并将它们放回它们来自的位置。

function retreiveCells() {
    for (var tt = 0; tt < 12; tt++){
        document.getElementById('noinsulation' + (tt + 1)).value = localStorage.getItem('savecellnoinsulation' + (tt + 1)) || '' ;
    }
}
于 2013-10-03T12:14:52.073 回答
0

我认为您可以简化：

if (localStorage.getItem('savecellnoinsulation4')) {
    var answer = localStorage.getItem('savecellnoinsulation4');
} 
else {
    var answer = ' ';
}

经过：var answer = localStorage.getItem('savecellnoinsulationX') || '';

Ands 使用包含所有项目名称的数组，或者只是它的结尾，您可以生成字符串以签入for loop

所以基本上以下应该工作：

for (var i=1; i<=12; i++) { 
    var itemStr = "noinsulation" + i;
    var saveItemStr = "savecell" + item;
    var answer = localStorage.getItem(saveItemStr) || '';
    document.getElementById(itemStr).value = answer;
}
于 2013-10-03T12:15:38.113 回答