2025-03-20 07:46:40

🎉 window.open()传递参数如何在新页面获取? 📝

导读 在前端开发中,`window.open()` 是一个常用的方法,用于打开新的浏览器窗口或标签页。当我们通过 `window.open()` 传递参数时,这些参数...

在前端开发中,`window.open()` 是一个常用的方法,用于打开新的浏览器窗口或标签页。当我们通过 `window.open()` 传递参数时,这些参数通常会被附加到 URL 中,以便在新页面中获取和使用。那么,具体该如何操作呢?让我们一起来看看吧!👀

首先,在调用 `window.open()` 时,可以通过第二个参数传递 URL 和参数。例如:

```javascript

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

```

这里,`name=John&age=25` 就是传递的参数。在新页面中,我们可以通过 JavaScript 获取这些参数。例如:

```javascript

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

const name = urlParams.get('name'); // 获取 "John"

const age = urlParams.get('age'); // 获取 "25"

```

这种方法简单高效,能够帮助我们在新页面中灵活处理传递的数据。💡 如果需要更复杂的逻辑,还可以结合后端解析参数哦!🚀

希望这篇小科普对你有所帮助!如果有更多疑问,欢迎留言探讨!💬