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

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 页中可用。