window.open()带哈希URL显示空白页的原因及解决方法问询

• 哈希参数的前端特性：# 后面的内容属于前端路由参数，不会被发送到服务器，完全由前端框架（这里是Salesforce Lightning）处理，用来渲染对应内容。浏览器加载这类URL时，只会复用当前页面的HTML资源，触发前端路由的参数解析逻辑。
• window.open("_self")的加载逻辑差异：当用window.open(encodeURI("/lightning/n/Test_Win_Open_Child#Id=123"),"_self")时，浏览器的处理流程和直接修改window.location.href不同。它本质是模拟"打开新窗口"再切换到当前窗口，这个行为可能绕过了前端框架原本监听的hashchange事件或者页面初始化逻辑，导致框架没检测到哈希参数的变化，也就没有渲染对应的内容。手动刷新时，页面重新初始化，框架会读取当前URL的哈希参数，自然就能正常显示了。
• 两种可行方案的原理：
  • 先赋值window.location.href再调用window.open：其实是location.href的修改已经触发了前端路由的更新逻辑，框架已经处理了哈希参数，后续的window.open只是冗余操作，但页面已经完成了正确的跳转渲染。
  • 把#换成?：?后面的是URL查询参数，会被发送到服务器，服务器返回页面时会把参数传递给前端框架，或者框架在初始化时会主动读取查询参数，因此页面能正常加载并获取到Id=123。

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