JavaScript 是一种被广泛应用于网页开发中的编程语言，它不仅能够实现网页的动态效果，还能够实现不同页面间的数据传递。

在网页开发过程中，数据传递通常需要在两个页面之间进行，因此我们将以页面 A 和页面 B 为例进行说明。

// 在页面 A 中设置数据
localStorage.setItem('key', 'value');

localStorage 用于在浏览器中存储键值对数据，通过setItem 方法将需要传递的数据设置为 key 对应的值，即可实现数据的传递。

// 在页面B中获得数据
var value = localStorage.getItem('key');
console.log(value);

通过getItem 方法从 localStorage 中获取数据，获取的 key 对应的值为之前在页面 A 中设置的值。利用这种方法，我们可以方便地在页面间进行数据传递。

除了 localStorage，还可以使用 URL 参数进行数据传递。在页面 A 中通过 URL 参数设置需要传递的数据：

// 在页面 A 中设置数据
window.location.href = 'pageB.html?key=value';

可以看到，通过设置页面 B 的 URL 参数，可以将需要传递的数据直接传递给页面 B。在页面 B 中，可以通过以下方法获取 URL 参数中的数值：

// 在页面B中获取数据
var searchParams = new URLSearchParams(window.location.search);
var value = searchParams.get('key');
console.log(value);

以上代码通过搜索参数来获取 URL 中传递的数据。get 方法用于获取 URL 中指定键的值。

与此同时，还可以使用 cookie 的方式进行数据传递。在页面 A 中，使用如下代码设置 cookie：

document.cookie = "key=value";

可以看到，cookie 的设置非常简单，可以直接在 JavaScript 中设置，无需任何额外的操作。在页面 B 中，可以通过以下代码获取 cookie 数据：

// 在页面 B 中获取 cookie 数据
var cookie = document.cookie;
console.log(cookie);

使用 JavaScript 可以实现多种方式的跨页面数据传递，方便快捷。我们只需在页面 A 中设置需要传递的数据，然后再到页面 B 中获取即可。