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

最新推荐文章于 2023-08-09 15:25:06 发布

陈田田

最新推荐文章于 2023-08-09 15:25:06 发布

阅读量1.9w

点赞数 3

分类专栏： HTML 前端集结号文章标签：页面重定向

本文链接：https://blog.csdn.net/candy_tity/article/details/53390495

版权

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

61 篇文章 5 订阅

订阅专栏

HTML

10 篇文章 0 订阅

订阅专栏

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

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

陈田田

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
关于使用HTML或JS实现页面重定向的方法

所谓页面重定向就是在用户打开某个页面的时候，我们期望页面跳转到另一个指定的页面。在前端实现的过程中，可以通过HTML方式来实现，也可以通过JS方式来实现。HTML方式：通过meta标签来实现。示例代码：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta http-equiv="refr
复制链接

扫一扫