Javascript - abra um determinado URL em uma nova guia clicando em um botão

Gostaria de ter um botão que redireciona para um determinado URL e abre em uma nova guia. Como isso pode ser feito?

Usa isto:

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />

Funcionou para mim e abrirá uma nova janela 'pop-up' real em vez de um novo navegador completo ou guia. Você também pode adicionar variáveis ​​para impedi-lo de mostrar características específicas do navegador da seguinte maneira:

onclick="window.open(this.href,'popUpWindow','height=400,width=600,left=10,top=10,,scrollbars=yes,menubar=no'); return false;"

Em javascript, você pode fazer:

window.open(url, "_blank");

Adicionar target = "_ blank" deve bastar:

<a id="myLink" href="www.google.com" target="_blank">google</a>

Você pode esquecer de usar JavaScript porque o navegador controla se ele abre ou não em uma nova guia. Sua melhor opção é fazer algo como o seguinte:

<form action="http://www.yoursite.com/dosomething" method="get" target="_blank">
    <input name="dynamicParam1" type="text"/>
    <input name="dynamicParam2" type="text" />
    <input type="submit" value="submit" />
</form>

Isso sempre abrirá em uma nova guia, independentemente de qual navegador um cliente usa devido ao target="_blank"atributo.

Se tudo o que você precisa é redirecionar sem parâmetros dinâmicos, você pode usar um link com o target="_blank"atributo, como sugere Tim Büthe.

Use em window.openvez de window.locationpara abrir uma nova janela ou guia (dependendo das configurações do navegador).

Seu violino não funciona porque não há buttonelemento para selecionar. Experimente input[type=button]ou dê um botão ide use #buttonId.

Meu método preferido tem a vantagem de não ter JavaScript incorporado em sua marcação:

CSS

a {
  color: inherit;
  text-decoration: none;
}

HTML

<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>

Abrir em uma nova guia usando javascript

 <button onclick="window.open('https://www.our-url.com')" id="myButton" 
 class="btn request-callback" >Explore More  </button>

Acabei de usar target = "_ blank" sob a tag de formulário e funcionou bem com FF e Chrome, onde abre em uma nova tag, mas com o IE abre em uma nova janela.

tente isso

<a id="link" href="www.gmail.com" target="_blank" >gmail</a>

Experimente este HTML:

<input type="button" value="Button_name" onclick="window.open('LINKADDRESS')"/>

Você não pode. Este comportamento está disponível apenas para plug-ins e só pode ser configurado pelo usuário.

<BUTTON NAME='my_button' VALUE=sequence_no TYPE='SUBMIT' style="background-color:transparent ; border:none; color:blue;" onclick="this.form.target='_blank';return true;"><u>open new page</u></BUTTON>

Este botão se parecerá com um URL e pode ser aberto em uma nova guia.

USE este código

function openBackWindow(url,popName){
        var popupWindow = window.open(url,popName,'scrollbars=1,height=650,width=1050');
          if($.browser.msie){
            popupWindow.blur();
            window.focus();
        }else{
           blurPopunder();
        }
      };

    function blurPopunder() {
            var winBlankPopup = window.open("about:blank");
            if (winBlankPopup) {
                winBlankPopup.focus();
                winBlankPopup.close()
            }
    };

A TI funciona bem no Mozilla, IE e Chrome na versão inferior a 22; mas não funciona no Opera e Safari.