😎 window.location.href 传递参数及目标页面接收参数的方式

在前端开发中，`window.location.href` 是一个非常实用的功能，可以用来跳转页面并传递参数。例如，当你需要从当前页面跳转到另一个页面，并附带一些信息时，就可以用它来实现。比如：

```javascript

window.location.href = "target.html?name=John&age=25";

```

🎯 目标页面如何接收这些参数？

在目标页面中，可以通过 `window.location.search` 获取 URL 中的查询字符串，然后解析出具体的参数。例如：

```javascript

const params = new URLSearchParams(window.location.search);

const name = params.get('name'); // 输出 "John"

const age = params.get('age'); // 输出 "25"

```

💡 小贴士

- 如果参数较多，建议使用对象或数组存储，便于后续操作。

- 在传递敏感数据时，请确保使用 HTTPS，避免数据被篡改。

🌐 总结

通过 `window.location.href` 和 `URLSearchParams`，我们可以轻松完成跨页面的数据传递。无论是简单的用户名还是复杂的配置项，都可以高效处理！👍

前端开发 JavaScript 网页设计