检查变量并使用 JS 发送到主页

Question

你好，我正在使用这段代码将变量发送到另一个页面

    function store () {
  var first = "Foo Bar",
      second = ["Hello", "World"];
  localStorage.setItem("first", first);
  localStorage.setItem("second", JSON.stringify(second));
  location.href = "http://example/page2.html";
}

如何检查变量是否存在于 PAGE2 中，如果不存在，如何重定向到主页 (PAGE1)？

Answer 1

如果没有设置变量，您需要检查 Page2 中的 localStorage，localStorage.getItem 将 return 为 null，如果变量为 null，则重定向到 page1

第 2 页

脚本

<script>
    var first = localStorage.getItem("first");     
    var second = localStorage.getItem("second");

    // if first and second variables are false then redirect  
    if(!first && !second) {
        location.href = "http://example/page1.html";
    }
</script>

Answer 2

本地存储在网站的所有页面之间共享。因此，当您执行 localStorage.setItem("key","value") 时，可以在第 2 页中访问此键值对，使用 localStorage.hasOwnProperty("key") 来检查它是否存在，并使用 localStorage.getItem("key") 来检索它的值。

第 1 页

if(!localStorage.hasOwnProperty("key")){
    // do your logic
}

如果PAGE2不在同一个网站，即不在同一个url下；您无法直接 access/verify 存储值（除非您使用库）。

检查以下问题是否存在相同问题：

cross domain localstorage with javascript

检查变量并使用 JS 发送到主页

Check variable and send to home page with JS

javascript

variables