index1.html文件:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> // 1.临时存储使用的是key value数据结构 // 2.注意value值只能是字符串无法存储对象 let personObject={ name:"人过留名,雁过留声", age:23, gender:"man" } // 将对象转换为字符串 let personString=JSON.stringify(personObject); // 将字符串存在sessionStorage临时存储中 sessionStorage.setItem("menu",personString) // 页面跳转 window.location.replace("index2.html") </script> </body> </html>
index2文件:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> 名称:<span id="d"></span> <script> // 从sessionStorage临时存储中获取menu的值 let personString=sessionStorage.getItem("menu"); let s=JSON.parse(personString) console.log(s); window.document.getElementById("d").innerText=s.name setTimeout(function(){ // 删除sessionStorage sessionStorage.removeItem("menu") alert("删除成功") },3000) </script> </body> </html>