首页 > 科技 >

📍✨ `location.href` 跳转页面时传递参数,并在新页面接收 📝

发布时间:2025-04-04 00:45:18来源:

在前端开发中,利用 `location.href` 进行页面跳转是一种常见的操作。如果你想在跳转的同时传递参数,可以将参数直接拼接到 URL 后面。例如:`location.href = 'https://example.com/targetPage?param1=value1¶m2=value2';` 🌟

当目标页面加载时,可以通过 JavaScript 获取这些参数。在新页面中,使用以下代码即可轻松提取参数:

```javascript

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

const param1 = params.get('param1');

const param2 = params.get('param2');

console.log(param1, param2); // 输出:value1, value2

```

这种方法简单高效,适用于大多数场景。需要注意的是,URL 的长度有限制(通常为 2083 字符),因此不要传递过多或过长的数据。此外,确保参数的安全性,避免敏感信息泄露。💡

通过这种方式,你可以在不同页面间实现无缝通信,提升用户体验!🚀

免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。