我想要下面的按钮代码来打开一个新的选项卡与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变量

回答

相关问题