Javascript - Buka URL tertentu di tab baru dengan mengklik tombol

Saya ingin memiliki tombol yang mengalihkan ke URL tertentu dan terbuka di tab baru. Bagaimana ini bisa dilakukan?

Gunakan ini:

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

Bekerja untuk saya dan itu akan membuka jendela 'popup' baru yang sebenarnya daripada browser atau tab lengkap baru. Anda juga dapat menambahkan variabel ke dalamnya untuk menghentikannya menampilkan ciri-ciri browser tertentu sebagai berikut:

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

Dalam javascript, Anda dapat melakukan:

window.open(url, "_blank");

Menambahkan target = "_ blank" seharusnya berhasil:

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

Anda dapat melupakan tentang menggunakan JavaScript karena browser mengontrol apakah itu terbuka di tab baru atau tidak. Pilihan terbaik Anda adalah melakukan sesuatu seperti berikut ini:

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

Ini akan selalu terbuka di tab baru terlepas dari browser mana yang digunakan klien karena target="_blank"atributnya.

Jika yang Anda butuhkan hanyalah mengalihkan tanpa parameter dinamis, Anda dapat menggunakan tautan dengan target="_blank"atribut seperti yang disarankan Tim Büthe.

Gunakan window.openalih-alih window.locationuntuk membuka jendela atau tab baru (tergantung pada pengaturan browser).

Biola Anda tidak berfungsi karena tidak ada buttonelemen untuk dipilih. Coba input[type=button]atau berikan tombol iddan gunakan #buttonId.

Metode pilihan saya memiliki keuntungan karena tidak ada JavaScript yang disematkan di markup Anda:

CSS

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

HTML

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

Buka di tab baru menggunakan javascript

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

Saya baru saja menggunakan target = "_ blank" di bawah tag formulir dan berfungsi dengan baik dengan FF dan Chrome di mana ia terbuka di tag baru tetapi dengan IE itu terbuka di jendela baru.

coba ini

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

Coba HTML ini:

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

Tidak boleh. Perilaku ini hanya tersedia untuk plugin dan hanya dapat dikonfigurasi oleh pengguna.

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

Tombol ini akan terlihat seperti URL dan dapat dibuka di tab baru.

GUNAKAN kode ini

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 berfungsi dengan baik di Mozilla, IE, dan chrome dan kurang dari 22 versi; tetapi tidak berfungsi di Opera dan Safari.