[Html/CSS] 常用HTML网页跳转的几种方法

开发技术发布于：2023-03-02 21:57 | 阅读数：273 | 评论：0

193 主题	8 回帖	11万积分

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

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

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

方法二：JavaScript 设置跳转

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

直接跳转：

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

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

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

方法三：onclick 设置跳转

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

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

以上就是 HTML 如何实现网页跳转的三种方法。更多 HTML 学习请关注 CodeAE代码之家官网。

免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

112251 经验

193 文档