页面跳转方法

最新推荐文章于 2024-01-02 00:28:15 发布

Vezn

最新推荐文章于 2024-01-02 00:28:15 发布

阅读量429

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Vezn_King/article/details/53947203

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

本文介绍了三种实现网页自动重定向的方法：使用meta标签进行重定向、通过JavaScript的window.location属性实现页面跳转以及利用window.location.replace方法完成重定向。这三种方式各有特点，在不同的场景下可以灵活选用。

摘要由CSDN通过智能技术生成

1.meta 标签

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8"  http-equiv="refresh" content="0;URL=http://www.csdn.net"/>
   
</head>
<body>
    <h2>This is Page 1 .</h2>
</body>
</html>

2.window.location = "newurl"

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
  <script>
        window.location = "http://www.csdn.net";
    </script>
</head>
<body>
    <h2>This is Page 1 .</h2>
</body>
</html>

3.window.location.replace

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
  <script>
      window.location.replace("http://www.csdn.net");
    </script>
</head>
<body>
    <h2>This is Page 1 .</h2>
</body>
</html>