Question

到目前为止，这是我的HTML

＆＃13;

<button type="button" formaction="contact.html">Get In Touch!</button>

＆＃13;

由于某些原因，当我点击浏览器中的按钮时，它不会将我带到contact.html页面。谷歌中出现的所有页面都帮助我学习了新的按钮属性，但我无法弄清楚如何在点击时重定向页面。

Answer 1

如果您使用的是bootstrap，可以使用它来为您执行此操作：

<a href="#" class="btn btn-info" role="button">Link Button</a>

请参阅http://www.w3schools.com/bootstrap/bootstrap_buttons.asp

Answer 2

尝试以下方法：

<input type="button" onclick="location.href='contact.htm';" value="Contact" />

更好的方法是用<form></form>包围上述代码。

Answer 3

尝试以下方法：

<!-- Using window.location.href = 'URL' -->
<button onclick='window.location.href = "https://stackoverflow.com"'>
  Click Me
</button>

<!-- Using window.location.replace('URL') -->
<button onclick='window.location.replace("https://stackoverflow.com")'>
  Click Me
</button>

<!-- Using window.location = 'URL' -->
<button onclick='window.location = "https://stackoverflow.com"'>
  Click Me
</button>

<!-- Using window.open('URL') -->
<button onclick='window.open("https://stackoverflow.com","_self","","")'>
  Click Me
</button>

<!-- Using window.location.assign('URL') -->
<button onclick='window.location.assign("http://www.stackoverflow.com")'>
  Click Me
</button>

<!-- Using HTML form -->
<form action='https://stackoverflow.com' method='get'>
  <input type='submit' value='Click Me'/>
</form>

<!-- Using html anchor tag -->
<a href='https://stackoverflow.com'>
  <button>Click Me</button>
</a>

如何将按钮链接到另一个页面？

3 个答案: