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

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

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

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


<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 方式实现。
示例代码:


<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 来实现
示例代码:


<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来实现。
示例代码:


<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>

你可能感兴趣的:(HTML,前端集结号)