按钮onclick导致链接[重复]

【问题标题】：Button onclick leads to link [duplicate]按钮onclick导致链接[重复]
【发布时间】：2021-04-21 10:04:18
【问题描述】：

我想知道如何在按下按钮时将您重定向到所选网址。像这样：

<button onclick = "link()">Press to go to link!</button>

function link(){
//leads to url
}

【问题讨论】：

【解决方案1】：

您可以使用window.open 在新标签页中打开。

function link(){
  window.open('http://www.google.com');
}

&lt;button onclick = "link()"&gt;Press to go to link!&lt;/button&gt;

或

function link(){
  window.location.href = 'http://www.google.com'; //Will take you to Google.
}

&lt;button onclick = "link()"&gt;Press to go to link!&lt;/button&gt;

【讨论】：

【解决方案2】：

你可以试试这样的：

<button class="btn" onclick="window.location.href = 'https://www.stackoverflow.com';">Click this link</button>

或

<a href="https://www.stackoverflow.com"><button>Click this link</button></a>

这会将页面定向到预期的链接

【讨论】：