javascript - 将textarea输入的值保存到js变量中并使其在任何地方都可见

Question

HTML:

<textarea id="edit-message"></textarea>
<button type="button" id="guest-button" class="form-submit">Send</button>

JS:

$('#guest-button').click(function() {
    if (window.sessionStorage){
        sessionStorage.setItem("gbookmsg", $('#edit-message').val())
    }
    setTimeout(function() {
        window.location.replace("http://anti-idol.org/user/login");
    }, 500);
});

$('#edit-message').val(gbookmsg);

我想要实现的是，当用户用一些文本填充文本区域输入，然后单击发送按钮时 - 它将把文本区域的值保存到 gbookmsg 变量中。然后，当用户被重定向到登录页面时 - 成功登录后，他会返回到此表单，并且 JavaScript 会插入之前填写的 gbookmsg 输入值。但是当页面重新加载时，我的 gbookmsg 变量变得未定义。怎么保存呢？谢谢

Answer 1

您无法通过全局变量实现此目的，因为全局变量的范围是 DOM 可用的时间，如果重新加载页面，该值将丢失

1. 您可以使用 cookie

或

1. 使用 DOM sessionStorage或localstorage

   if (window.sessionStorage){
    sessionStorage.setItem("gbookmsg ", $('#edit-message').val()) ;
   }
   

编辑

创建了 fiddle 为你

• 第一次运行您将看到空白警报

• 设置值并重新加载页面。