我想要下面的按鈕代碼來打開一個新的選項卡與URL從一個JS變量

你能幫我下面的查詢嗎？我有一個按鈕的代碼，如下所示：我想要下面的按鈕代碼來打開一個新的選項卡與URL從一個JS變量

<button type="button" onclick= "location.href=document.getElementById('Text1').value;return false;" class="btn btn-danger">Launch Console</button>

這裏我有從一個JavaScript變量獲取的URL值。無論如何，我可以在新標籤中打開相同的內容嗎？目前它正在加載在同一個窗口/選項卡中。

來源

2016-12-25 Rahul Sudha

[使用JavaScript中打開新的標籤頁的URL（而不是一個新窗口）]的可能的複製（http://stackoverflow.com/questions/4907843/open-a-url-in- a-new-tab-and-not-a-new-window-using-javascript） – Thielicious

@Thielicious，但是我在這裏調用來自** javascript變量的URL值**，我不確定如何添加這到** window.open **的東西...... –

@ Rahul Sudha，這是同樣的事情，它都在這個副本甚至與變量解釋。檢查我的回答 – Thielicious

你可以做這樣的事情：

function openInNewTab(url) { 
    var win = window.open(url, '_blank'); 
    win.focus(); 
} 

<button type="button" onclick= "openInNewTab(urlHere)" class="btn btn-danger">Launch Console</button>

來源

2016-12-25 12:33:22

這是從我評論中的重複鏈接 – Thielicious

這一個工作！我想知道爲什麼我錯過創建一個單獨的功能！ –

謝謝@Daniyal Awan :) –

<input id=text type=text> 
<button onClick="window.open(document.getElementById('text').value, '_blank');">URL In New Tab</button>

就像我說的，仔細閱讀該副本。並且不要使用location.href。

DEMO

來源

2016-12-25 12:40:45 Thielicious

謝謝Thielicios，創建sepearte函數！ –

感謝您的新信息！ :) –

我想要下面的按鈕代碼來打開一個新的選項卡與URL從一個JS變量

回答

相關問題