Question

我有这个JavaScript代码处理并将值显示在同一页面上;使用文本框输入值。我想将此值传递到另一个页面。这是我的代码：

的index.html ：

 <form action="display.html" method="post" id="name-form">
        <p>
            <label>Your full Name</label>:<br />
            <input type="text" name="fullName">
        </p>
        <p>
            <input type="submit" value="Submit">
        </p>
    </form>
    <!-- <p id="result"></p>-->
    <script>
        var form = document.getElementById('name-form');
        form.onsubmit = function (e) {
            e.preventDefault();
            var result = document.getElementById('result');
            result.innerHTML = 'Hi ' + form.fullName.value;
            console.log(form.fullName.value);
            this.reset();
        };
    </script>

display.html

 <p id="result"></p>
  <script>
        var form = document.getElementById('name-form');
        form.onsubmit = function (e) {
            e.preventDefault();
            var result = document.getElementById('result');
            result.innerHTML = 'Hi ' + form.fullName.value;
            console.log(form.fullName.value);
            this.reset();
        };
    </script>

我的问题是如何获取输入文本框的值以显示在另一个页面上？

Answer 1

如果您有静态网站，则应考虑将该值存储在localStorage中。因此，您的所有网页都可以使用该值。

如果您有动态网站，则可以将该值存储在db中，然后在其他页面上请求db获取该值。

选择适合您案例和申请的任何方法。

请在此处阅读localStorage

Answer 2

使用cookies。

保存名称：document.cookie = "name=" + name

加载名称：name = document.cookie.replace(/(?:(?:^|.*;\s*)name\s*\=\s*([^;]*).*$)|^.*$/, "$1");

有关加载Cookie的更简单方法，请参阅here

JavaScript跨页面传递值

2 个答案: