想要在关闭后从colorbox iframe重定向到另一个页面

Question

有谁知道如何实现以下JavaScript流程？ 我使用colorbox来显示iframe。

1. 我在colorbox iframe上设置了横幅链接。
2. 我希望在点击横幅时关闭此iframe，之后我希望父窗口重定向到另一个页面。

以下2个代码是我尝试过的：

1
<div>  
<a href='#' onclick='parent.$.colorbox.close();linkto();'>
<img src="../images/test.png" alt=“#” >
</a>
<script>
function linkto() {
location.href = "https://www.test.com";
}
</script>
</div>

2
<div>  
<a href='#' onclick='parent.$.colorbox.close(); window.location.href ='https://www.test.com;'>
<img src="../images/test.png" alt=“#” >
</a>
</div>

Answer 1

您可以使用window.top.location.href to target the top most window element and redirect to the specified page. This can be done from within an iframe。

HTML：

<a href='#' onclick='parent.$.colorbox.close(); linkTo();">

JS：

function linkTo() {
    window.top.location.href = "https://www.test.com";
}