Javascript - 通過單擊按鈕在新選項卡中打開給定的URL

我希望有一個按鈕可以重定向到給定的URL並在新選項卡中打開。如何才能做到這一點？Javascript - 通過單擊按鈕在新選項卡中打開給定的URL

2011-06-10 wong2

它的時間來接受盧克奧爾德頓的答案... – dit 2015-10-24 20:21:35

使用此：

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

爲我工作，它就會打開一個實際的新的「彈出式」窗口，而不是一個新的完整的瀏覽器或標籤。您也可以變量添加到它從出特定的瀏覽器特性停止如下：

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

來源

2012-08-20 14:51:35

@ wong2可能要更改此答案。目前選擇的那個人很羅嗦，要高效。 – CSS 2015-09-25 23:02:37

-3

你不能。此行爲僅適用於插件，只能由用戶配置。

來源

2011-06-10 08:44:18 ckruse

使用window.open而不是window.location打開一個新窗口或選項卡（取決於瀏覽器設置）。

您的小提琴不起作用，因爲沒有button元素可供選擇。嘗試input[type=button]或給按鈕id和使用#buttonId。

來源

2011-06-10 08:45:22

添加目標=「_空白」應該這樣做：

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

來源

2011-06-10 08:46:12

我用一個按鈕！ – wong2 2011-06-10 08:46:42

我明白了，對不起，我錯過了。那麼，你可以設計鏈接的外觀和感覺像一個按鈕。如果您使用jQuery UI，只需使用[button]（http://jqueryui.com/demos/button/）即可。 – 2011-06-10 09:12:04

我們絕大多數人只是涉足網頁設計的絕佳解決方案！謝謝！ – 2013-04-04 05:57:55

-5

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

此按鈕會看起來像一個URL，並且可以在新標籤中打開。

來源

2012-04-19 20:01:52 Jolene

你需要添加「表單」 – nerkn 2014-06-27 14:29:27

這不是一個好主意（從語義上講）有一個按鈕的行爲像一個鏈接。相反，使用'a'標籤。 – 2016-09-19 18:49:41

-5

使用此代碼

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

它工作在Mozilla，IE罰款和鉻並小於22版;但在Opera和Safari中不起作用。

來源

2012-11-19 11:00:20

這不是最好的答案！固體-1。 – 2014-12-05 07:21:51

使用此代碼並不是真正的答案，您也沒有動機。 – Edeph 2015-04-14 09:18:27

我剛剛在表單標籤下使用了target =「_ blank」，它在FF和Chrome中運行良好，它在新標籤中打開，但在IE中打開新窗口。

來源

2013-07-19 03:33:12

選項卡或窗口是否打開取決於用戶的瀏覽器選項。我不知道IE，但是在大多數瀏覽器中，網頁無法選擇鏈接在標籤頁還是窗口中打開，但用戶可以配置它。 – joeytwiddle 2014-02-24 07:12:43

您可以忘記使用JavaScript，因爲瀏覽器控制它是否在新選項卡中打開。最好的選擇是像做以下代替：

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

這將在一個新的標籤，無論哪個瀏覽器客戶端使用，由於target="_blank"屬性的常開。

如果您只需要重定向而不使用動態參數，則可以使用TimBüthe所建議的target="_blank"屬性的鏈接。

來源

2013-09-12 14:20:14 Tony

按需要工作（在Chrome，Firefox，IE10上測試）:) – Zeeshan 2013-09-14 04:44:29

-1

試試這個HTML：

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

來源

2015-05-23 07:00:00

在javascript中，你可以這樣做：

window.open(url, "_blank");

來源

2017-01-10 22:39:30 satnam

老問題，但我想分享我的首選方法，它有沒有討厭的JavaScript的優勢被嵌入在您的標記：

CSS

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

HTML

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

來源

2017-03-29 16:39:31 SpyderScript

嗯，我想我有一個新的首選方法。 – Halter 2017-05-16 20:00:31

我認爲這個更正確地回答了這個問題。 +1 :) – 2017-07-20 16:51:16

Javascript - 通過單擊按鈕在新選項卡中打開給定的URL

回答

相關問題