实现重定向的方法

wangkun122 2021-09-07 原文

实现重定向的方法

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

在前端实现的过程中，可以通过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>