将href属性添加到bootstrap按钮

Question

我正在努力使我的按钮在新标签中打开一个网址。

我可以使用window.location.href让它工作，但是url不会以新方式打开。

我正在使用jQuery和Javascript，代码本身就是一个更大的jQuery函数。

$('#code').click(function(){
    window.location.href = 'http://www.example.com'
});

该按钮在页面加载时没有href属性。

<button id="code" type="submit" class="btn btn-success" style="width:400px;"><span class="glyphicon glyphicon-download"></span> Generate Code</button>

我尝试过使用.attr和.prop虽然它也没有用。 我对这些东西不熟悉所以我可能只是做错了什么。

我愿意为按钮添加href或使用.click函数或其他任何东西，我只需要打开一个新选项卡。

编辑::好的，更多解释。

在页面加载时，按钮onclick启动一个计时器，增加进度条。 进度条完成后，我希望按钮打开一个链接。

Answer 1

你可以这样做：

<a href="http://www.example.com" target="_blank" id="code" type="submit" class="btn btn-success" style="width:400px;"><span class="glyphicon glyphicon-download"></span> Generate Code</a>

我将button转换a标签并添加了target="_blank"以在新选项卡中打开链接。

Answer 2

这将在新窗口中打开网址：

$('#code').click(function(){
window.open("http://www.w3schools.com");
});

http://www.w3schools.com/jsref/met_win_open.asp