读取下一页的文本区域值。存储下一页的值

Question

我有一个文本区域，我想从中获取输入并在下一页使用该输入。

我想我需要将输入值存储在某个地方以便在第二页上使用。有没有不用插件的方法？如果没有，我还能怎么做？请尽可能提供示例。

<textarea id="map" rows="3" cols="43"></textarea>
<button type="button" onClick="save()">Save</button>

function save() { //code to save info to be used on next page}

Answer 1

您可以使用 localStorage 改进客户端检查的行为，或者您可以使用 sessionStorage

示例：

在第 1 页执行此操作：

 <textarea id="map" rows="3" cols="43"></textarea>
 <button type="button" onClick="save()">Save</button>

 <script type = "text/javascript">

 function save() { 

 var someText = document.getElementById("map").value;
 sessionStorage.setItem('myvar', someText);
 window.location.href = "page2.html";
 }

现在在第 2 页 (page2.html) 要获取值，只需执行以下操作：

 <script>
 var data = sessionStorage.getItem('myvar');

  alert(data);

 </script>

基本上，无论您在文本区域（在第 1 页）中键入什么，都将在第 2 页中可用。