关于使用HTML或JS实现页面重定向的方法

最新推荐文章于 2025-08-09 03:55:10 发布

原创最新推荐文章于 2025-08-09 03:55:10 发布 · 2.1w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#页面重定向

前端集结号同时被 2 个专栏收录

61 篇文章

订阅专栏

HTML

10 篇文章

订阅专栏

本文介绍了在前端实现页面重定向的方法，包括使用HTML的meta标签、JavaScript的window.location、window.location.href以及window.location.replace等不同方式。

部署运行你感兴趣的模型镜像

所谓页面重定向就是在用户打开某个页面的时候，我们期望页面跳转到另一个指定的页面。

在前端实现的过程中，可以通过HTML方式来实现，也可以通过JS方式来实现。

HTML方式：
通过meta标签来实现。
示例代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="0; URL=http://www.labangme.com"> 
    <title>页面重定向</title>
</head>
<body>
</body>
</html>

JS实现方式：
①使用window.location 方式实现。
示例代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>页面重定向</title>
</head>
<body>
<script type="text/javascript">
    window.location = "http://www.labangme.com";
</script>
</body>
</html>

②通过window.location.href 来实现
示例代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>页面重定向</title>
</head>
<body>
<script type="text/javascript">
    window.location.href = "http://www.labangme.com";
</script>
</body>
</html>

③通过window.location.replace来实现。
示例代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>页面重定向</title>
</head>
<body>
<script type="text/javascript">
    window.location.replace("http://www.labangme.com"); 
</script>
</body>
</html>