💻前端开发小知识：`window.open()`父子页面如何优雅传参🧐
发布时间：2025-03-20 07:47:09来源：
在前端开发中，`window.open()` 是一个常用的方法，用于打开新窗口或标签页。但当涉及到父子页面之间的参数传递时，很多人会遇到一些小坑，比如 `amp;` 编码问题 😅。今天就来聊聊这个有趣的话题！
首先，假设你用 `window.open()` 打开子页面，并想通过 URL 参数传递数据，比如用户 ID 或其他信息 🧩。如果直接拼接参数到 URL 中，可能会出现类似 `?id=123&name=John` 被编码为 `?id=123&name=John` 的情况（浏览器会自动将 `&` 转义为 `&`）。这时，子页面获取到的数据可能不对劲哦！
解决方法很简单：可以在打开子页面之前，手动处理一下参数，确保它们不会被意外转义。例如，可以用 JavaScript 的 `encodeURIComponent()` 对每个参数进行编码，再拼接到 URL 上 🛠️。这样，子页面就能正确解析出你需要传递的数据啦！
最后，记得测试一下各种特殊情况，比如空值、特殊字符等，确保万无一失 🚀！前端的世界总是充满细节，但只要细心一点，难题都能迎刃而解！✨
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
