是否可以在函数内部调用本地存储并在 Windows.onload 中使用它？

Question

我有一个点击函数，它返回“x”并动态存储在 div 中。页面刷新后，该动态 div 重置并且数据消失。但我希望数据保留下来。为此，我将其存储在本地存储中，并希望稍后在页面加载时调用。我将它存储在函数“test”内的本地存储中，并在返回 null 的 windows.onload 中调用它。我知道我无法调用函数内的本地存储。我的问题：有没有办法在函数“test”中调用本地存储function test(parameter1, parameter2) { // this is an onclick function    // some functionality         return x; var test = x.innerHTML; localStorage.setItem('somediv', test);}window.onload = function () {    var test2 = localStorage.getItem('somediv')    $('div.somediv').text(test2);}

Answer 1

你用着localStorage很好。

问题是，如果你return x;在你的text()函数中，下面的代码永远不会被执行，所以它永远不会真正设置变量localStorage。

这就是null当您尝试访问它时会出现的原因。

Answer 2

试试这个，你就会明白了。

<a href="javascript:void(0)" onclick="test('hello brother')">Click me</a>

    

    <script>

    function test(param) { // this is an onclick function

        localStorage.setItem('somediv', param);

        alert('ok');

    }

    

    window.onload = function () {

    

        if(localStorage.getItem('somediv')==null){

            return;

        }

        var test2 = localStorage.getItem('somediv')

        //$('div.somediv').text(test2);

    

        alert(test2);

    

    }

    

    </script>