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

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

当前回答

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

<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

其他回答

在HTML代码的<HEAD>和</HEAD>标记之间放置以下代码：

<meta HTTP-EQUIV="REFRESH" content="0; url=http://example.com/index.html">

上述HTML重定向代码将立即将访问者重定向到另一个网页。content=“0；可以更改为您希望浏览器在重定向之前等待的秒数。

2012-02-02 19:07:37

我还将添加一个规范链接来帮助您的SEO人员：

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>

2012-02-06 00:34:12

我在使用jQuery Mobile应用程序时发现了一个问题，在某些情况下，我的Meta头标记无法正确实现重定向（jQuery Mobile不会自动读取每个页面的头，因此在那里放置JavaScript也无效，除非将其包装得更复杂）。我发现在这种情况下最简单的解决方案是将JavaScript重定向直接放入文档正文，如下所示：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="refresh" content="0;url=myURL" />
    </head>

    <body>
        <p>You are not logged in!</p>
        <script language="javascript">
            window.location = "myURL";
        </script>
    </body>
</html>

这似乎在所有情况下对我都有效。

2015-06-13 05:32:46

如果您希望遵循现代web标准，则应避免纯HTML元重定向。如果无法创建服务器端代码，则应选择JavaScript重定向。

要支持禁用JavaScript的浏览器，请向noscript元素添加HTML元重定向行。noscript嵌套的元重定向与规范标记相结合，也有助于搜索引擎排名。

如果希望避免重定向循环，应使用location.replace（）JavaScript函数。

正确的客户端URL重定向代码如下所示（带有Internet Explorer 8和更低版本的修复程序，且无延迟）：

<!-- Pleace this snippet right after opening the head tag to make it work properly -->

<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->

<!-- REDIRECTING STARTS -->
<link rel="canonical" href="https://stackoverflow.com/"/>
<noscript>
    <meta http-equiv="refresh" content="0; URL=https://stackoverflow.com/">
</noscript>
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
    var url = "https://stackoverflow.com/";
    if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
    {
        document.write("redirecting..."); // Don't remove this line or appendChild() will fail because it is called before document.onload to make the redirect as fast as possible. Nobody will see this text, it is only a tech fix.
        var referLink = document.createElement("a");
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    }
    else { window.location.replace(url); } // All other browsers
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->

2015-09-13 09:37:09

一旦页面加载，init函数就会启动并重定向页面：

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
        <script>
            function init()
            {
               window.location.href = "www.wherever.com";
            }
        </script>
    </head>

    <body onload="init()">
    </body>
</html>

2015-04-14 16:52:21

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

推荐文章

最新文章

标签