不同的localStorage对象以及如何访问它们

Question

我正在尝试使用localStorage从表单获取值，并在第二页上填充第二个表单的某些字段。存储字段部分效果很好，但是在第二页上，有一个iframe，显然它使用localStorage。当我尝试在第二页上使用localStorage时，它将改为从此“第二” localStorage中检索值。

    // This displays the correct localStorage info, so on page load, it seems to only be 1 localStorage
    console.log(localStorage);

    // Retrieve session storage fields
    // This comes back as null, second localStorage is loaded?
    var firstName = localStorage.getItem('firstName');
    var lastName = localStorage.getItem('lastname');
    var eMail = localStorage.getItem('eMail');
    var phone = localStorage.getItem('phone');
    var company = localStorage.getItem('company');
    var companyRole = localStorage.getItem('companyRole');

    // This does not work as a result
    j('#first-name').val(firstName);
    j('#last-name').val(lastName);
    j('#phone').val(phone);
    j('#eMail').val(eMail);

当我在“应用程序”的Chrom选项卡下检查localStorage对象时，我看到2个对象并检查第一个对象，我确实看到了我的数据...我没有找到有关如何访问其他localStorage对象的任何信息，是那甚至有可能吗？

Answer 1

您可以签入here：

本地存储是每个来源的（每个域和协议）。所有页面，从 一个起源，可以存储和访问相同的数据。

因此，如果页面和iframe的域相同，那么本地存储内容。 But，如果域与页面不同，则无法访问iframe本地存储，反之亦然。