javascript 弹出菜单和重定向 url

Question

我用的是小盒子 http://sandbox.scriptiny.com/tinybox2/

打开弹出网页。 我希望当我单击网页上的链接时，弹出网页将关闭并自动重定向到链接网址我单击

我的 javascript 代码和 html 代码，

<script type="text/javascript" src="tinybox.js"></script>
<script type="text/javascript">

function openJS(){}
function closeJS(){}

function closeAndGotoURL{ 
TINY.box.hide();
opener.location.href='http://www.google.com';
}


 <a href="#"  onclick="TINY.box.show({iframe:'webpage2.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluemask',maskopacity:40,closejs:function(){closeJS()}})">Open page2</a>


//...below is on webpage2.html, it does not work

<a href="#" onclick="closeAndGotoURL()"> Click </a>

但这看起来不起作用

Answer 1

使用 parent.location.href，而不是 opener.location.href。请参见下文：

function closeAndGotoURL {
    TINY.box.hide();
    parent.location.href='http://www.google.com';
}

您还可以使用 top.location.href：

function closeAndGotoURL {
    TINY.box.hide();
    top.location.href='http://www.google.com';
}

另一种选择是使用纯 HTML。虽然它不会先关闭弹出窗口，但它会将整个窗口重定向到您的 URL。请注意锚标记的 target 属性。

<a href="http://www.google.com" target="_top">

注1：为什么要先关闭弹出窗口？如果您要重定向整个页面，只需重定向即可 - 无需关闭弹出窗口。

注 2： 仅当 iframe 中加载的页面与父窗口位于同一域中时，此操作才能正常工作（我假设这是因为您正在编写弹出代码） ）。