如何在加载时将一个HTML页面重定向到另一个页面

是否可以设置一个基本的HTML页面以在加载时重定向到另一个页面？

当前回答

这不需要任何JavaScript代码。将其写入HTML页面的<head>部分：

<meta http-equiv="refresh" content="0; url=example.com" />

页面在0秒加载后，即可转到页面。

2016-07-05 15:15:17

其他回答

我将同时使用元代码和JavaScript代码，并将有一个链接以防万一。

<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="refresh" content="0; url=http://example.com">
        <script type="text/javascript">
            window.location.href = "http://example.com"
        </script>
        <title>Page Redirection</title>
    </head>
    <body>
        <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
        If you are not redirected automatically, follow this <a href='http://example.com'>link to example</a>.
    </body>
</html>

为了完整起见，如果可能的话，我认为最好的方法是使用服务器重定向，所以发送301状态代码。这可以通过使用Apache的.htaccess文件或使用WordPress的众多插件轻松实现。我确信所有主要的内容管理系统都有插件。此外，如果您的服务器上安装了301重定向，cPanel可以非常轻松地配置301重定向。

2011-03-23 21:04:10

JavaScript

<script type="text/javascript">
    window.location.href = "http://example.com";
</script>

Meta标记

<meta http-equiv="refresh" content="0;url=http://example.com">

2011-03-23 21:01:09

适用于所有类型页面的简单方法是在头部添加一个元标记：

<html>
    <head>
        ...
        <meta HTTP-EQUIV="REFRESH" content="seconds; url=your.full.url/path/filename">
        ...
    </head>
    <body>
        Don't put much content, just some text and an anchor.
        Actually, you will be redirected in N seconds (as specified in content attribute).
        That's all.
        ...
    </body>
</html>

2014-04-01 06:06:27

据我所知，迄今为止，我所看到的所有解决这个问题的方法似乎都在历史中添加了老位置。要重定向页面，但在历史记录中没有旧位置，我使用替换方法：

<script>
    window.location.replace("http://example.com");
</script>

2018-04-25 12:41:59

只需使用body标签的onload事件：

<body onload="window.location = 'http://example.com/'">

2017-02-14 18:51:11

如何在加载时将一个HTML页面重定向到另一个页面

推荐文章

最新文章

标签