常用HTML网页跳转的几种方法

openjq

在开发网页时，我们经常需要实现网页跳转功能，比如点击某个按钮后跳转到其他页面。那么 HTML 如何实现网页跳转呢？这篇文章告诉你。
方法一：meta 标签

用 ​meta ​标签实现网页跳转，可以设置跳转响应时间，如下例子为在 3 秒后跳转到指定网址。

<meta http-equiv="refresh" content="3;url=https://www.openjq.com/" >

方法二：JavaScript 设置跳转

JavaScript 设置跳转的方式又有两种，一种是直接跳转，另一种是设定时间跳转。代码如下：

直接跳转：

<Script>window.location.href='https://www.openjq.com/';</Script>

定时跳转：5000毫秒（5秒）后自动跳转

<Script>setTimeout("javascript:location.href='https://www.openjq.com/'",5000);</Script>

方法三：onclick 设置跳转

如果想要设置该跳转是在点击某个按钮时进行的，那就可以使用该方法进行跳转。

<button id="load" onclick="window.location.href='https://www.openjq.com/'">跳转</button>

以上就是 HTML 如何实现网页跳转的三种方法。更多 HTML 学习请关注 Open开发家园官网。