javascript - 如何在JQM中有效使用localStorage

Question

我使用 HTML5 localStorage 来防止下拉框在刷新页面时发生更改，代码如下。

脚本

$(document).on('pagecreate', '#outerPage', function () {
    var local = localStorage.selectVal;
    if (local) {
        var selected = $('body').find('.ui-select-custom');
        //Select the value stored
        $(selected).val(local);
        if (local == 0) {
            $('span.ui-select-custom').html('Venta');
        } else $('span.ui-select-custom').html('Alquiler');
    }
    $(".ui-select-custom").bind("change", function (event, ui) {
        var currentVal = $(this).val();
        localStorage.setItem('selectVal', currentVal);
    });
});

HTML

<select class="ui-select-custom" data-mini="true">
    <option name="im_va" id="im_va" value="0">Venta</option>
    <option name="im_va" id="im_va" value="1">Alquiler</option>
</select>

工作正常。但问题是假设如果我在同一个浏览器中打开另一个窗口，它也会保持相同的值。它应该是默认值。

有人可以解释一下吗

感谢和问候

Answer 1

您的问题似乎是您正在使用本地存储，其中 session 存储是合适的解决方案。

本地存储和 session 存储在两个完全不同的范围内运行，本质上意味着本地存储是为该域永久保留的，而 session 存储是为该 session 临时保留的。

在您的情况下， session 存储是由浏览器窗口或选项卡定义的，因此您会发现从本地存储交换到 session 存储应该可以解决您的问题，并允许选项卡之间有两个单独的存储流。

这篇文章帮助我过去充分理解了这个概念:-link-