首页 > 综合 > 科技资讯 >

💻窗⼝操作小技巧:`window.open()` 参数传递 & 获取 🌟

发布时间:2025-03-20 07:47:01来源:

在前端开发中,`window.open()` 是一个非常实用的函数,用于打开新窗口或标签页。不过,你知道如何通过它传递参数吗?👀

首先,调用 `window.open()` 时可以添加 URL 和参数。例如:

```javascript

window.open('https://example.com?name=Tom&age=25', '_blank');

```

这样就能向目标页面传递数据啦!箭头代表新窗口 `_blank`,而问号后的部分就是我们的查询字符串。🎯

那么问题来了,如何在目标页面获取这些参数呢?很简单,利用 JavaScript 的 `URLSearchParams`:

```javascript

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

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

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

```

通过这种方式,我们不仅实现了跨页面的数据传递,还让代码更加优雅!👏 希望这个小技巧对你有帮助,快去试试吧!✨

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