很明确地说：这种方式没办法实现跨页面传递参数，原因很简单——每个页面都拥有完全独立的document对象：

• 当用户跳转到新页面时，原页面的所有上下文（包括document实例、内存中的变量）都会被浏览器销毁，新页面会创建一套全新的运行环境，你在旧页面设置的document.someImportantInfo根本无法被新页面读取到。
• 哪怕是同域名下的页面跳转（不管是通过location.href、a标签还是新开标签页），两个页面的运行环境都是完全隔离的，不存在共享document的情况。

如果不能通过URL存储参数，你可以考虑这些前端常用的跨页面传参方案：

• LocalStorage/SessionStorage：这是浏览器提供的本地存储API，同域名下的所有页面都能访问存储的数据。
  • 存数据：localStorage.setItem('someImportantInfo', 'yourData')
  • 读数据：localStorage.getItem('someImportantInfo')
    两者的区别是：SessionStorage仅在当前会话有效（关闭标签页就会清空），LocalStorage是持久化存储（除非用户手动清除或代码删除）。
• Cookie：适合存储少量数据（单Cookie最大约4KB），可以设置同域名共享，不过Cookie会随每个HTTP请求发送到后端，所以要注意不要存不必要的数据。
• IndexedDB：如果需要存储大量复杂结构的数据，可以用这个浏览器本地数据库，它支持异步操作，同域名页面可共享访问。
• 窗口间直接通信（仅适用于新开标签页场景）：如果是通过window.open打开的新页面，可以用window.postMessageAPI直接在两个窗口间传递数据，不需要依赖本地存储。

⚠️ 重要提醒：绝对不要在前端存储敏感信息！不管是上述哪种方案，存储的内容都能被用户通过浏览器开发者工具轻松查看和修改，像你例子里的"secretInfo"这类数据，一定要通过后端接口传递，前端只处理非敏感的业务参数。

内容的提问来源于stack exchange，提问作者user3145075