輸入按鈕目標=「_空白」不導致該鏈接在新窗口/標籤

Question

我與輸入按鈕的HTML文件中加載。 這只是一個例子按鈕，但它包含的代碼的所有必要的信息：

<input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" target="_blank"> 

出於某種原因，這不是一個新的窗口/標籤加載。

Answer 1

，你需要做這樣的......

<a type="button" href="http://www.facebook.com/" value="facebook" target="_blank" class="button"></a> 

，如果你希望它看起來像一個BTN添加基本的CSS ..這樣

.button { 
    width:100px; 
    height:50px; 
    -moz-box-shadow:inset 0 1px 0 0 #fff; 
    -webkit-box-shadow:inset 0 1px 0 0 #fff; 
    box-shadow:inset 0 1px 0 0 #fff; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1)); 
    background:-moz-linear-gradient(center top, #ffffff 5%, #d1d1d1 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1'); 
    background-color:#fff; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    border:1px solid #dcdcdc; 
    display:inline-block; 
    color:#777; 
    font-family:Helvetica; 
    font-size:15px; 
    font-weight:700; 
    padding:6px 24px; 
    text-decoration:none; 
    text-shadow:1px 1px 0 #fff 
} 



    .button:hover { 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff)); 
    background:-moz-linear-gradient(center top, #d1d1d1 5%, #ffffff 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff'); 
    background-color:#d1d1d1 
} 
.button:active { 
    position:relative; 
    top:1px 
} 

目標只能與HREF標記..

Answer 2

input元素不支持target屬性。該target屬性是a標籤，這是它應該被使用。

Answer 3

target在input元素上無效。

在這種情況下，您的重定向是由Javascript完成的，因此您可以讓腳本打開一個新窗口。

Answer 4

而不是

onClic K = 「parent.location = 'http://www.facebook.com/'」

嘗試使用

的onClick = 「window.open = 'http://www.facebook.com/'」 的onClick =「window.open（ 'http://www.facebook.com/'， 「Facebook的）」

Answer 5

使用formtarget="_blank"它的工作對我來說

<input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" formtarget="_blank"> 

瀏覽器兼容性：從caniuse.com
IE：10+ | 邊緣：12+ | 火狐：4+ | 鉻：15+ | 的Safari/iOS的：5。1+ | 的Android：4+

Answer 6

正確答案：

<form role="search" method="get" action="" target="_blank"></form> 

支持所有主要的瀏覽器:)

Answer 7

面對類似的問題，我解決了這種方式：

<a href="http://www.google.com/" target="_top" style="text-decoration:none"><button id="back">Back</button></a> 

更改_top與_blank如果這是你需要什麼。

Answer 8

formtarget屬性僅用於type =「submit」的按鈕。

也就是從這個reference。

下面是使用的JavaScript一個答案：

<input type="button" onClick="openNewTab()" value="facebook"> 

<script type="text/javascript"> 
    function openNewTab() { 
     window.open("http://www.facebook.com/"); 
    } 
</script> 

Answer 9

<form target="_blank"> 
    <button class="btn btn-primary" formaction="http://www.google.com">Google</button> 
</form> 

Answer 10

另一種解決方案，使用JQUERY，是寫當用戶點擊該按鈕時調用的功能。此功能創建一個新的<A>元素，其中target ='blank'，將其附加到文檔中，'點擊'然後將其刪除。

因此，就用戶而言，他們點擊了一個按鈕，但在幕後，單擊了一個帶有target ='_ blank'的<A>元素。

<input type="button" id='myButton' value="facebook"> 

$(document).on('ready', function(){ 
    $('#myButton').on('click',function(){ 
     var link = document.createElement("a"); 
     link.href = 'http://www.facebook.com/'; 
     link.style = "visibility:hidden"; 
     link.target = "_blank"; 
     document.body.appendChild(link); 
     link.click(); 
     document.body.removeChild(link); 
    }); 
}); 

的jsfiddle：https://jsfiddle.net/ragDaniel/tf991u4g/2/

Answer 11

請試試這個 它的工作對我來說

的onClick = 「window.open （ 'http://www.facebook.com/'，」Facebook的）「

<button type="button" class="btn btn-default btn-social" onClick="window.open('http://www.facebook.com/','facebook')"> 
      <i class="fa fa-facebook" aria-hidden="true"></i> 
</button>