JavaScript-如何使用本地存储在网页之间传输值？-堆栈溢出

顺晟科技

2022-10-19 14:39:55

我正在尝试使用本地存储将“JobReference1”从第一个代码片段转移到第二个代码片段。正如您所看到的，我已经将它存储在一个外部JavaScript文件中，并将其发送到另一个JavaScript文件中。但是当我试图在HTML代码的第二个代码段中调用它时，它根本不起作用。我决定在第二个片段中包含所有的HTML和JavaScript代码，因为我认为这就是问题所在。谢谢。

注意：没有内联JavaScript或jQuery。

顺晟科技：

这是一个工作示例。设置页加载时的引用。表单submit将重定向到并在页面加载时读取正确的值。

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>SwinTech</title>
</head>

<body>
    <form action="apply.html" method="post">
        <div class="consultantinformation">
            <h2> Job reference number: </h2>
            <br>
            <h4 id="jobreference2"> 6LZ9W </h4>
        </div>
        <button id="submitbutton">Submit</button>
    </form>
    <script>
        document.getElementById("submitbutton").addEventListener("click", setItem);
        localStorage.setItem("jobreference1", "1FN43");
    </script>
</body>

</html>

apply.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>SwinTech</title>
</head>

<body>
    <form action="apply.html" method="post">
        <div class="consultantinformation">
            <h2> Job reference number: </h2>
            <br>
            <h4 id="jobreference2"> 6LZ9W </h4>
        </div>
        <button id="submitbutton">Submit</button>
    </form>
    <script>
        document.getElementById("submitbutton").addEventListener("click", setItem);
        localStorage.setItem("jobreference1", "1FN43");
    </script>
</body>

</html>

上一篇：HTML-我无法选择父类中的第二个段下一篇：Html表堆栈溢出中的排列