Three ways to jump to a page by clicking a button tag in HTML

Method 1: Using the onclick event

<input type="button" value="button"
onclick="javascript:window.location.href='http://www.baidu.com/'" />

Or use the button tag directly

<button onclick="window.location.href = 'https://www.baidu.com/'">Baidu</button>

Method 2: Add an a tag to the button tag

<a href="http://www.baidu.com/">
    <button>Baidu</button>
</a>

Or use

<a href="http://www.baidu.com/"><input type="button" value='Baidu'></a>

Method 3: Using JavaScript Function

<script>
function jump(){
 window.location.href="http://www.baidu.com/";
}
</script>
<input type="button" value="Baidu" onclick=javascript:jump() />
// Or <input type="button" value="Baidu" onclick="jump()" />
// or <button onclick="jump()">Baidu</button>

Summarize

The above are three methods introduced by the editor to achieve page jump by clicking the button tag in HTML. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!
If you find this article helpful, please feel free to reprint it and please indicate the source. Thank you!