从HTML页面重定向

html HTML

西里前端Tom

2020-03-13

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

第1494篇《从HTML页面重定向》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

19个回答
达蒙Eva 2020.03.13

您不需要任何JavaScript代码。将其写在<head>HTML页面部分中:

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

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

猴子小小Tony 2020.03.13

You can use this

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

阳光Itachi村村 2020.03.13

Use this code:

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

Please pay attention: put it in the head tag.

null 2020.03.13

据我了解,到目前为止,针对该问题我所看到的所有方法似乎都将旧的位置添加到历史中。要重定向页面,但在历史记录中没有旧位置,我使用以下replace方法:

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

只是为了好措施:

<?php
header("Location: example@example.com", TRUE, 303);
exit;
?>

确保脚本上方没有回声,否则它将被忽略。 http://php.net/manual/zh/function.header.php

番长梅 2020.03.13

You can do it in javascript:

location = "url";
小哥Tony 2020.03.13

剃须刀引擎延迟5秒:

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

您可以通过HTTP状态代码301或302自动重定向。

对于PHP:

<?php
    Header("HTTP/1.1 301 Moved Permanently");
    Header("Location: http://www.redirect-url.com");
?>
村村蛋蛋 2020.03.13

您应该使用JavaScript。将以下代码放在您的head标签中:

<script type="text/javascript">
 window.location.assign("http://www.example.com")
</script>
A蛋蛋乐 2020.03.13

页面加载后,将立即init触发函数并重定向页面:

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

    <body onload="init()">
    </body>
</html>
西门小宇宙 2020.03.13

将以下代码放在<head>部分中:

<meta http-equiv="refresh" content="0; url=http://address/">
Jim古一 2020.03.13

我在使用jQuery Mobile应用程序时发现了一个问题,在某些情况下,我的Meta标头标记无法正确实现重定向(jQuery Mobile不会自动为每个页面读取标头,因此,除非将JavaScript包装在其中,否则将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>

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

樱阿飞 2020.03.13

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

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

上面的HTML重定向代码会将您的访问者立即重定向到另一个网页。content="0;可以改变你想要的浏览器重定向之前等待的秒数。

Mandy猪猪 2020.03.13

您可以使用META “重定向”:

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

JavaScript重定向(请注意,并非所有用户都启用了JavaScript,因此请始终为其准备备份解决方案)

<script language="javascript">
  window.location = "http://new.example.com/address";
</script>

但我建议您使用mod_rewrite,如果您可以选择的话。

西门猴子 2020.03.13

最好设置301重定向请参阅Google网站管理员工具文章301重定向

Pro小卤蛋A 2020.03.13

的JavaScript

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

元标记

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

放在头部内部的以下meta标签将告诉浏览器重定向:

<meta http-equiv="Refresh" content="seconds; url=URL"> 

将秒数替换为重定向之前要等待的秒数,然后将URL替换为您要重定向到的URL。

或者,您可以使用JavaScript进行重定向。将其放置在脚本标记内的页面上的任何位置:

window.location = "URL"
EvaPro 2020.03.13

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

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

尝试使用:

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

注意:将其放在头部。

此外,对于较旧的浏览器,如果添加了快速链接以防刷新不正确,请执行以下操作:

<p><a href="http://example.com/">Redirect</a></p>

将显示为

重新导向

仍然可以通过单击几下到达目的地。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android