Click the button on the html page to realize the page jump function

Click the button on the html page to jump to the page

Method 1. Nest an a tag outside the button tag and use a hyperlink to jump;

 <a href="https://www.baidu.com/" target="_blank">
<button>Enter baidu homepage</button>
</a>

Method 2. Add οnclick="window.location.href='page url'" code in the button tag and use the onclick event to jump.

 <button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">Enter baidu homepage</button>

How to automatically jump to html pages

1. Use meta elements

 <meta http-equiv="refresh" content="5;url=hello.html">

http-equiv="refresh" means to refresh the page. The refresh operation will be performed after 5 seconds. The url is the destination page address of the jump.

 <meta http-equiv="refresh" content="5">

This line of code means only refreshing, not jumping.

2. Use script code

Jump to the hello.html page immediately.

 <script type="text/javascript">
window.location.href = 'hello.html';
</script>

or

 <script language="javascript">
location.replace("http://www.baidu.com/");
</script>

Jump to the hello.html page after 5 seconds.

 <script type="text/javascript">
setTimeout("window.location.href = 'hello.html'", 5000);
</script>

3. Determine whether it is mobile phone version

 <script type="text/javascript">
var wapurl = window.location.pathname; 
if
(/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))
{if
(window.location.href.toLowerCase().indexOf("?pc")<0)
{try
{window.location.href="/wap"+wapurl}
catch(e){}}
}
</script>

This concludes this article about clicking the button on the HTML page to jump to the page. For more information about clicking the button to jump to the page, please search the previous articles of downcodes.com or continue to browse the related articles below. I hope you will do so in the future. Support downcodes.com!