javascript_页面自动跳转

最新推荐文章于 2021-08-09 10:54:19 发布

原创最新推荐文章于 2021-08-09 10:54:19 发布 · 187 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了两种实现HTML页面自动跳转的方法：一是使用<meta>标签设置刷新时间及目标URL；二是利用JavaScript的setTimeout函数实现延迟跳转。第一种方法简单易用，适合于基本的页面重定向需求；第二种方法则提供了更多灵活性，例如可以结合DOM操作来实现倒计时等交互效果。

进入a.html2秒后，自动跳转到同目录下的b.html文件<head>

方法1：

Html代码

<head>
<meta http-equiv="refresh" content="2;url='b.html'">
</head>

<head>
	<meta http-equiv="refresh" content="2;url='b.html'">
</head>

方法2：

Html代码

<script language="javascript" type="text/javascript">
setTimeout("window.location.href='b.html'", 2000);
//下面两个都可以用
//setTimeout("javascript:location.href='b.html'", 2000);
//setTimeout("window.location='b.html'", 2000);
</script>

<script language="javascript" type="text/javascript">
	setTimeout("window.location.href='b.html'", 2000); 
	//下面两个都可以用
	//setTimeout("javascript:location.href='b.html'", 2000); 
	//setTimeout("window.location='b.html'", 2000); 
</script>

方法2扩展：

Html代码