JavaScript: 关闭弹窗，打开新窗口和重定向

Question

我想关闭当前弹出窗口，打开一个新的窗口（标签页）并重定向到特定链接。对于我的链接，这非常容易实现。我只需添加"target="_blank""即可正常工作（实际上它不会关闭弹出窗口，但最小化也可以接受）。

由于我使用了一些带有onclick函数的按钮，我想以某种方式在按钮中实现"target="_blank"。目前，该按钮如下所示：

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

这个方法是可行的，但问题在于它会在父窗口中重定向，而不是打开一个新窗口...

有没有人想到如何实现"target="_blank""的功能，使得单击按钮时可以打开一个新窗口并进行重定向，而不是在父窗口中进行重定向？

- Andrej

Answer 1

为什么不直接在你的onclick中使用这个：

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

- JamesHalsall

---

这似乎非常好用！非常感谢！我只是被所有不同的可能性搞混了，没有想到简单的方法！ - Andrej

Answer 2

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

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

它能够在IE、Firefox、Chrome、Opera和Safari中正常工作。

- Marcelo

Answer 3

jQuery代码：

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

HTML 代码：

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

这段代码在Chrome和IE中能正常工作。但在Firefox中，你需要使用window.open函数打开它。

- marcosfromero

Answer 4

试试这个：

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

- Naftali

---

嗨，感谢您的快速回复，但请在回答之前阅读我的问题！target='_blank'可以正常工作，但我无法使用<input type='button' target='_blank' ....... - Andrej

不，你不能这样做。你可以在按钮的 onclick 事件上使用 window.open()。 - Naftali