Javascript:关闭弹出窗口,打开新窗口&重定向

时间:2011-03-11 14:26:10

标签: javascript jquery redirect onclick

我想关闭当前弹出窗口,打开一个新窗口(选项卡)并重定向到特定链接。使用<a>链接可以轻松完成此操作。我只是添加“target =”_ blank“”并且它工作正常(它实际上并没有关闭弹出窗口,但最小化它也很好)。

由于我使用了一些具有onclick功能的按钮,我想以某种方式在按钮中实现“target =”_ blank“...此按钮现在看起来像这样:

<input type="button" onclick="parent.window.opener.location='http://google.com'; window.close();">

这样可行,但问题是它在父窗口中重定向并且没有打开新窗口......

Any1知道如何获得“target =”_ blank“的功能,以便点击按钮会打开一个新窗口,而不是重定向而不是重定向父窗口?

4 个答案:

答案 0 :(得分:13)

为什么不在你的onclick中使用它:

<input type="button" onclick="window.open('http://google.com'); window.close();" />

答案 1 :(得分:3)

$('#button').click(function(e)
{
 e.preventDefault();
 window.open('http://www.facebook.com/','_blank');
});

<input type="button" id="button" value="Go facebook">

适用于资源管理器,Firefox,Chrome,Opera和Safari

答案 2 :(得分:2)

jQuery代码:

$(function(){
    $('#button').click(function() {
        window.close();
        window.open('http://www.google.com/'); 
    });
});

HTML code:

<input type="button" id="button" value="click me">

在Chrome和IE中运行正常。在Firefox中,您必须使用window.open打开此代码。

答案 3 :(得分:0)

试试这个:

<a href='http://google.com' onclick='window.close();' target='_blank'>LINK</a>