javascript - 如何将变量从当前窗口传递到另一个窗口

Question

首页

<button onclick="refereceid_Transfer()">Try it</button>

<script>


function refereceid_Transfer() {
alert('test');
var referenceid = "jggd154278";
referenceid = btoa(referenceid);
//sessionStorage.setItem("sent", referenceid); 
 window.open("second.jsp", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
}

</script>

第二页

<p id="s1"></p>

<script>
$(document).ready(function(){
  // var a = sessionStorage.getItem("sent",id);
alert(a);
});  
</script>

我需要将我的引用 ID 从一个窗口传递到另一个窗口。我尝试使用 session 存储和本地存储来传递变量，但我在这两种情况下都失败了。有没有新的建议，我可以将我的引用 ID 传递到新窗口。

谢谢

Answer 1

你可以试试localStorage为此。

添加你想在另一个页面上传递的项目:

localStorage.setItem("key", "value");

在另一个页面上，您可以通过以下方式访问:

localStorage.getItem("key");

您也可以在 localStorage 中存储对象数据。请注意，如果您正在存储一些敏感信息，请清除 localStorage。

更简单的选择是使用查询参数，但我认为你不喜欢它。

或者你可以使用sessionStorage:

sessionStorage.setItem("key", data);
window.open("page_url","_blank");

在另一个页面上使用:

$(document).ready(function(){        
    var data = sessionStorage.getItem("key");
    console.dir(data);
});

注意:sessionStorage 对象等同于localStorage 对象，只是它只存储一次 session 的数据。当用户关闭特定浏览器选项卡时，数据将被删除。