Question

我正在使用HTML预览包在Atom中创建一个网站。该代码可在预览中完美运行，但在我尝试过的任何浏览器中均无法正常工作（有多种症状）。

到目前为止，我的网站有两个页面，这些页面使用localStorage传输两个字符串。这两个字符串都是从iframe抓取的网址。

第1页（主页）：

<form onsubmit="submit();" action="play.html">
  <input type="submit">
</form>
<script type="text/javascript">
  function submit() {
    var startURL = document.getElementById("start").contentWindow.location.href;
    var goalURL = document.getElementById("goal").contentWindow.location.href;
    localStorage.setItem("start", startURL);
    localStorage.setItem("goal", goalURL);
  }
</script>

第2页（子页）：

<head>
  <script type="text/javascript">
    var start, goal;
    function load() {
      start = localStorage.getItem("start");
      goal = localStorage.getItem("goal");
      document.getElementById("startHolder").innerHTML = "Start: " + start;
      document.getElementById("goalHolder").innerHTML = "Goal: " + goal;
    }
  </script>
</head>
<body onload="load();">
  <p id="startHolder"></p>
  <p id="goalHolder"></p>
</body>

在Atom中，输出看起来像这样（预期和期望的）：

开始：https://en.wikipedia.org/wiki/Main_Page

目标：https://en.wikipedia.org/wiki/Main_Page

在Chrome中：

开始：空

目标：空

在IE和Edge中，它什么也不显示。

当然，我希望该网站在主要的浏览器和预览器中都能正常运行。任何帮助是极大的赞赏。我很困惑。

与我的html预览一样，localStorage和sessionStorage在浏览器中均不起作用

0 个答案: