打開新標簽，之前的sessionStorage還在，但是如果你是主動打開一個新窗口或者新標簽，對不起，打開F12你會發現，sessionStorage空空如也。
一、window.open()打開新頁面
測試代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>測試a標簽打開一個新頁面會把sessionStorage帶過去嗎</title> </head> <body> <!-- <a href="js_兩個數組比較去重.html" target="_blank">點我</a> --> <span id="b">點我</span> <script> sessionStorage.setItem("data", '我保存在sessionStorage里面') var ob = document.querySelector('#b') ob.onclick = function (e) { console.log(e) window.open('js_兩個數組比較去重.html') } </script> </body> </html>
二、嘗試用a 標簽href跳到新頁面，設置 target = _blank,但是sessionStorage沒復制過去
<a href="js_兩個數組比較去重.html" target="_blank">點我</a> <!-- <span id="b">點我</span> --> <script> sessionStorage.setItem("data", '我保存在sessionStorage里面') // var ob = document.querySelector('#b') // ob.onclick = function (e) { // console.log(e) // window.open('js_兩個數組比較去重.html') // } </script>
三、vue 框架里面的打開新頁面
其他方法：可以查看 vue路由打開新窗口
seeShare(){ let routeUrl = this.$router.resolve({ path: "/share", query: {id:96} }); window.open(routeUrl.href, '_blank'); }
結論： 按照
window.open（）打開新頁面保留了之前的sessionStorage信息，目前來說，vue框架跳轉的新頁面，本地信息也是也一起帶過去了
