Javascript - Mở một URL nhất định trong tab mới bằng cách nhấp vào nút

Tôi muốn có một nút chuyển hướng đến một URL nhất định và mở trong một tab mới. Điều này có thể giải quyết như thế nào?

Dùng cái này:

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

Làm việc cho tôi và nó sẽ mở ra một cửa sổ 'popup' mới thực sự thay vì một trình duyệt hoặc tab đầy đủ mới. Bạn cũng có thể thêm các biến vào nó để ngăn nó hiển thị các đặc điểm trình duyệt cụ thể như sau:

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

Trong javascript, bạn có thể làm:

window.open(url, "_blank");

Thêm target = "_ blank" sẽ thực hiện được:

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

Bạn có thể quên việc sử dụng JavaScript vì trình duyệt kiểm soát việc nó có mở trong tab mới hay không. Lựa chọn tốt nhất của bạn là thay vào đó làm điều gì đó như sau:

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

Điều này sẽ luôn mở trong một tab mới bất kể khách hàng sử dụng trình duyệt nào do target="_blank"thuộc tính.

Nếu tất cả những gì bạn cần là chuyển hướng không có tham số động, bạn có thể sử dụng liên kết có target="_blank"thuộc tính như Tim Büthe gợi ý.

Sử dụng window.openthay vì window.locationđể mở một cửa sổ hoặc tab mới (tùy thuộc vào cài đặt trình duyệt).

Fiddle của bạn không hoạt động vì không có buttonphần tử để chọn. Hãy thử input[type=button]hoặc cho nút idvà sử dụng #buttonId.

Phương pháp ưa thích của tôi có ưu điểm là không nhúng JavaScript vào đánh dấu của bạn:

CSS

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

HTML

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

Mở trong tab mới bằng javascript

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

Tôi vừa sử dụng target = "_ blank" dưới thẻ biểu mẫu và nó hoạt động tốt với FF và Chrome, nơi nó mở trong một thẻ mới nhưng với IE, nó sẽ mở trong một cửa sổ mới.

thử cái này

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

Hãy thử HTML này:

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

Bạn không thể. Hành vi này chỉ có sẵn cho các plugin và chỉ có thể được định cấu hình bởi người dùng.

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

Nút này sẽ giống như một URL và có thể được mở trong một tab mới.

SỬ DỤNG mã này

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

CNTT hoạt động tốt trong Mozilla, IE và chrome trên và phiên bản ít hơn 22; nhưng không hoạt động trong Opera và Safari.