html页面自动跳转的两种办法

最新推荐文章于 2024-05-18 11:27:16 发布

原创最新推荐文章于 2024-05-18 11:27:16 发布 · 1.8w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

闭关系列专栏收录该内容

11 篇文章

订阅专栏

本文介绍两种在网页上实现在2秒后自动跳转至百度首页的方法：一是通过HTML的meta标签进行设置，二是利用JavaScript的setTimeout函数实现。这两种方法各有优缺点，前者简单直接，后者更灵活，但可能受浏览器影响。

该文章已生成可运行项目，

下面举例说明，在2秒后，自动跳到百度首页的几种方法。

1.html的实现

< head>
< !-- 以下方式只是刷新不跳转到其他页面 -->
< me ta http-equiv="refresh" content="2">
< !-- 以下方式定时转到其他页面 -->
< me ta http-equiv="refresh" content="2;url=http://www.baidu.com">
< /head>

这种方法比较简单！

2.javascript的实现

< script language="javascript" type="text/javascript">
//以下方式直接跳转
window.location.href='http://www.baidu.com';
//以下方式定时跳转
setTimeout("javascript:location.href='http://www.baidu.com'", 2000);
< /script>

这种方法比较灵活，可以结合更多的其他功能使用；但是会受到不同浏览器的影响。

html代码因受格式限制，在代码间加入空格。注意！！

本文章已经生成可运行项目