Javascript - Öffnen Sie eine bestimmte URL in einem neuen Tab, indem Sie auf eine Schaltfläche klicken

Ich hätte gerne eine Schaltfläche, die zu einer bestimmten URL umleitet und in einem neuen Tab geöffnet wird. Wie kann das gemacht werden?

Benutze das:

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

Hat für mich funktioniert und es öffnet sich ein neues Popup-Fenster anstelle eines neuen vollständigen Browsers oder Tabs. Sie können ihm auch Variablen hinzufügen, um zu verhindern, dass bestimmte Browsermerkmale wie folgt angezeigt werden:

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

In Javascript können Sie Folgendes tun:

window.open(url, "_blank");

Das Hinzufügen von target = "_ blank" sollte dies tun:

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

Sie können die Verwendung von JavaScript vergessen, da der Browser steuert, ob es in einem neuen Tab geöffnet wird oder nicht. Am besten tun Sie stattdessen Folgendes:

<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>

Dies wird immer in einer neuen Registerkarte geöffnet, unabhängig davon, welchen Browser ein Client aufgrund des target="_blank"Attributs verwendet.

Wenn Sie lediglich ohne dynamische Parameter umleiten müssen, können Sie einen Link mit dem target="_blank"Attribut verwenden, wie von Tim Büthe vorgeschlagen.

Verwenden Sie window.openstatt window.location, um ein neues Fenster oder eine neue Registerkarte zu öffnen (abhängig von den Browsereinstellungen).

Ihre Geige funktioniert nicht, da kein buttonElement zur Auswahl steht. Versuchen Sie input[type=button]oder geben Sie den Knopf ein idund verwenden Sie #buttonId.

Meine bevorzugte Methode hat den Vorteil, dass kein JavaScript in Ihr Markup eingebettet ist:

CSS

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

HTML

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

Öffnen Sie in einem neuen Tab mit Javascript

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

Ich habe gerade target = "_ blank" unter dem Formular-Tag verwendet und es hat gut mit FF und Chrome funktioniert, wo es in einem neuen Tag geöffnet wird, aber mit IE wird es in einem neuen Fenster geöffnet.

Versuche dies

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

Versuchen Sie diesen HTML:

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

Das kannst du nicht. Dieses Verhalten ist nur für Plugins verfügbar und kann nur vom Benutzer konfiguriert werden.

<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>

Diese Schaltfläche sieht aus wie eine URL und kann in einem neuen Tab geöffnet werden.

BENUTZEN Sie diesen Code

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()
            }
    };

IT funktioniert gut in Mozilla, IE und Chrome auf und weniger als 22 Version; funktioniert aber nicht in Opera und Safari.