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

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

当前回答

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

其他回答

Razor引擎延迟5秒：

<meta http-equiv="Refresh"
         content="5; url=@Url.Action("Search", "Home", new { id = @Model.UniqueKey }))">

2015-10-08 16:09:16

尝试使用：

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

注意：将其放在<head>部分。

此外，对于较旧的浏览器，如果您添加了一个快速链接，以防无法正确刷新：

将显示为

重新使用

这仍然允许您通过额外的点击到达您要去的地方。

2011-03-23 21:00:25

如果您希望遵循现代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

我将同时使用元代码和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

我使用一个脚本将用户从index.html重定向到登录页面的相对url

<html>
  <head>
    <title>index.html</title>
  </head>
  <body onload="document.getElementById('lnkhome').click();">
    <a href="/Pages/Login.aspx" id="lnkhome">Go to Login Page</a>
  </body>
</html>

2014-12-31 16:40:51

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

推荐文章

最新文章

标签