页面跳转清空localStorage

页面跳转会导致localStorage中的数据被清空。这是因为localStorage是基于域名的，不同页面之间的localStorage是相互隔离的。当页面跳转时，浏览器会加载新的页面，旧页面的localStorage数据会被清空，新页面会重新创建一个空的localStorage对象。

如果需要在页面跳转后保留localStorage中的数据，可以使用以下方法之一：
1. 使用sessionStorage：sessionStorage也是浏览器提供的一种存储数据的方式，与localStorage类似，但是它的生命周期是在当前会话期间，当会话结束或关闭浏览器时，sessionStorage中的数据会被清空。可以使用sessionStorage来存储需要在页面跳转后保留的数据。

2. 使用cookie：cookie是一种在浏览器端存储数据的机制，可以设置cookie的过期时间，当页面跳转后，可以通过读取cookie来获取之前存储的数据。需要注意的是，cookie有大小限制，一般为4KB左右。

3. 使用URL参数：可以将需要保留的数据作为URL参数传递给下一个页面，在下一个页面中通过解析URL参数来获取数据。这种方式适用于数据量较小的情况。

4. 使用服务器端存储：将需要保留的数据存储在服务器端，通过在页面跳转后再次请求服务器来获取数据。这种方式适用于数据量较大或需要长期保存的情况。

请注意，以上方法都有各自的适用场景和限制条件，需要根据具体需求选择合适的方法来保留数据。

相关问题

session在页面跳转时丢失

当页面跳转时，浏览器会重新加载新的页面，此时原有页面中的数据和状态都会被清空，包括 session 数据。为了解决这个问题，可以使用一些技术手段来保存 session 数据，例如：

1. 使用 Cookie：将 session 数据保存在 Cookie 中，这样即使页面跳转，浏览器也能够携带 Cookie 数据到新页面中，从而让 session 数据得以保留。

2. 使用 URL 传参：将 session 数据作为 URL 的一个参数传递到新页面中，这样即使页面跳转，也能够通过 URL 参数来获取 session 数据。

3. 使用 localStorage 或 sessionStorage：将 session 数据保存在浏览器的本地存储中，这样即使页面跳转，也能够从本地存储中读取 session 数据。

不过需要注意的是，这些技术手段都有一定的安全风险，需要在使用时进行适当的防范措施，避免 session 数据泄露或被篡改。

金蝶 sHR 页面之间传递参数

在蝶 sHR 中，页面之间传递参数可以通过URL参数或者sessionStorage来实现。

1. URL参数

在URL中添加参数，如下所示：

http://yourpage.aspx?param1=value1&param2=value2

在跳转的页面中，可以使用JavaScript获取URL参数，具体步骤与上一问的答案类似。

2. sessionStorage

sessionStorage是HTML5提供的一种客户端存储方式，可以用于在页面之间传递数据。

在第一个页面中，将需要传递的数据存储到sessionStorage中：

sessionStorage.setItem("param1", "value1");

在第二个页面中，获取存储在sessionStorage中的数据：

var param1 = sessionStorage.getItem("param1");

需要注意的是，sessionStorage中存储的数据在页面关闭之前一直有效，但是在新的标签页或窗口打开页面时，sessionStorage将被清空。如果需要在不同的标签页或窗口之间共享数据，可以使用localStorage来代替sessionStorage。