Javascript - Bir düğmeyi tıklayarak belirli bir URL'yi yeni bir sekmede açın

Belirli bir URL'ye yeniden yönlendiren ve yeni bir sekmede açılan bir düğmeye sahip olmak istiyorum. Bu nasıl yapılabilir?

Bunu kullan:

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

Benim için çalıştı ve yeni bir tam tarayıcı veya sekme yerine gerçek bir yeni 'açılır' pencere açacak. Ayrıca, belirli tarayıcı özelliklerini göstermesini engellemek için aşağıdaki gibi değişkenler ekleyebilirsiniz:

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

JavaScript'te şunları yapabilirsiniz:

window.open(url, "_blank");

Target = "_ blank" eklemek bunu yapmalıdır:

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

JavaScript'i kullanmayı unutabilirsiniz çünkü tarayıcı yeni bir sekmede açılıp açılmayacağını kontrol eder. En iyi seçeneğiniz bunun yerine aşağıdakine benzer bir şey yapmaktır:

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

Bu, bir istemcinin target="_blank"öznitelik nedeniyle hangi tarayıcıyı kullandığına bakılmaksızın her zaman yeni bir sekmede açılacaktır .

İhtiyacınız olan tek şey dinamik parametreler olmadan yeniden yönlendirme target="_blank"yapmaksa, Tim Büthe'nin önerdiği gibi niteliğe sahip bir bağlantı kullanabilirsiniz .

Yeni bir pencere veya sekme açmak window.openyerine kullanın window.location(tarayıcı ayarlarına bağlı olarak).

Kemanınız çalışmıyor çünkü buttonseçilecek bir öğe yok . input[type=button]Düğmeye bir deneyin veya verin idve kullanın #buttonId.

Tercih ettiğim yöntem, işaretlemenize yerleştirilmiş JavaScript olmaması avantajına sahiptir:

CSS

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

HTML

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

JavaScript kullanarak yeni sekmede açın

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

Form etiketi altında sadece target = "_ blank" kullandım ve FF ve Chrome ile iyi çalıştı, burada yeni bir etikette açıldı, ancak IE ile yeni bir pencerede açılıyor.

bunu dene

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

Bu HTML'yi deneyin:

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

Yapamazsın. Bu davranış yalnızca eklentiler için geçerlidir ve yalnızca kullanıcı tarafından yapılandırılabilir.

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

Bu düğme bir URL gibi görünecek ve yeni bir sekmede açılabilir.

Bu kodu KULLANIN

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

BT, Mozilla, IE ve Chrome'da ve 22'den az sürümde sorunsuz çalışır; ancak Opera ve Safari'de çalışmaz.