從 iframe 接收事件偵聽器后重定向父頁面

Question

我有一個帶有表單的 iframe，當表單完成時，它有一個發送消息“成功”的事件偵聽器。 然后我需要讓父頁面重定向到另一個頁面，例如“https://website.com/successful”。

一旦消息“成功”在 iframe 中加載，我還可以在 JS 代碼中添加什么來使父頁面重定向。

<script>
document.addEventListener('DOMContentLoaded', function () {
window.addEventListener('message', function (e) {
const data = JSON.parse(e.data);
console.log(data.message);
});
</script>

Answer 1

你可以只使用 window.location.replace 之類的

<script>
document.addEventListener('DOMContentLoaded', function () {
window.addEventListener('message', function (e) {
const data = JSON.parse(e.data);
console.log(data.message);
window.location.replace("https://website.com/successful");
});
</script>