删除本地存储[重复]

Question

所以我有一个文本字段、一个用于将文本添加到本地存储的按钮和一个用于删除它的按钮。

这是我的脚本：

function save() {
    var fieldValue = document.getElementById('textfield').value;
    localStorage.setItem('text', fieldValue);
}


function load() {
    var storedValue = localStorage.getItem('text');
    if(storedValue) {
        document.getElementById('textfield').value = storedValue;
    }
}


function remove() {

    document.getElementById('textfield').value = '';
    localStorage.removeItem('text');

}

保存和加载功能都可以工作，但是当我单击“删除按钮”时，它会删除按钮本身而不是本地存储值。

Answer 1

remove() 似乎是 Javascript 中的保留函数名。例如，如果您使用onclick 调用它，它只会删除元素而不是调用定义的函数。

我创建了一个小提琴来演示这个问题：http://jsfiddle.net/mW644/

如果您使用<button onclick="alert(remove)">Test</button> 检查函数，您会得到一个本机函数，而不是您定义的函数：

function remove() {
    [native code]
}

将 remove() 重命名为其他名称，它会正常工作。