所谓页面重定向就是在用户打开某个页面的时候,我们期望页面跳转到另一个指定的页面。
在前端实现的过程中,可以通过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>