💻窗⼝操作小技巧:`window.open()` 参数传递 & 获取 🌟
导读 在前端开发中,`window open()` 是一个非常实用的函数,用于打开新窗口或标签页。不过,你知道如何通过它传递参数吗?👀首先,调用 `wind
在前端开发中,`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"
```
通过这种方式,我们不仅实现了跨页面的数据传递,还让代码更加优雅!👏 希望这个小技巧对你有帮助,快去试试吧!✨
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢。