在JavaScript中将数据从一个页面发送到另一个HTML页面

在Web应用程序中，将数据从一个页面发送到另一个页面是一项非常常见的任务。这可以通过不同的方法来完成，其中一种方式就是使用JavaScript。

使用URL参数传递数据

一种将数据从一个页面传递到另一个页面的方法是将数据附加在URL参数中。例如，可以在一个页面中创建一个链接，链接指向另一个页面，并将数据作为参数添加到链接中：

<a href="page2.html?data=value">Link</a>

在第二个页面中，可以使用JavaScript来获取传递的参数。可以使用以下代码获取参数：

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const data = urlParams.get('data');

使用localStorage传递数据

LocalStorage提供了一种在页面之间持久存储数据的方法。使用LocalStorage，可以在一个页面上将数据存储在LocalStorage中，然后在另一个页面上检索该数据。

以下是如何在一个页面中将数据存储在LocalStorage中：

localStorage.setItem('data', 'value');

以下是如何在另一个页面中检索存储在LocalStorage中的数据：

const data = localStorage.getItem('data');

使用sessionStorage传递数据

如果需要在会话期间将数据从一个页面传递到另一个页面，可以使用sessionStorage。与LocalStorage类似，sessionStorage提供了一种在页面之间存储数据的方法。但是，与LocalStorage不同的是，sessionStorage在会话结束时被清除。

以下是如何在一个页面上将数据存储在sessionStorage中：

sessionStorage.setItem('data', 'value');

以下是如何在另一个页面上检索存储在sessionStorage中的数据：

const data = sessionStorage.getItem('data');

以上是三种使用JavaScript将数据从一个页面发送到另一个页面的方法。这些方法中的每一种都有其自己的优缺点，具体取决于您的应用程序需求。