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

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

当前回答

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

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

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

2012-02-02 19:07:37

其他回答

位于头部内部的以下元标记将告诉浏览器重定向：

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

将秒替换为重定向前等待的秒数，并将URL替换为要重定向到的URL。

或者，您可以使用JavaScript重定向。将其放置在页面上的任意位置的脚本标记中：

window.location = "URL"

2011-03-23 21:01:50

只是为了更好地衡量：

<?php
header("Location: http://example.com", true, 302);
exit;
?>

确保脚本上方没有echo，否则将忽略它。http://php.net/manual/en/function.header.php

2013-06-11 15:39:40

这是一个重定向解决方案，包含了我想要的一切，但我找不到一个干净的片段来剪切和粘贴。

这段代码有很多优点：

允许您捕获并保留用户在其URL上的任何查询字符串参数使链接唯一，以避免不必要的缓存允许您通知用户新旧站点名称显示可设置的倒计时可以作为保留参数用于深度链接重定向

如何使用：

如果您迁移了整个站点，则在旧服务器上停止原始站点，并在根文件夹中创建另一个将此文件作为默认index.html文件的站点。编辑站点设置，以便将任何404错误重定向到此index.html页面。这将捕获任何通过链接访问旧站点的人，链接到子级页面等。

现在转到打开的脚本标记，编辑oldsite和newSite网址，并根据需要更改秒值。

保存并启动您的网站。工作完成了——该喝杯咖啡了。

<!DOCTYPE html><html><head><META HTTP-EQUIV=“cachecontrol”CONTENT=“NO-CACHE”><META HTTP-EQUIV=“PRAGMA”CONTENT=“NO-CACHE”><META HTTP-EQUIV=“到期”内容=“2002年7月22日星期一11:12:01 GMT”><style>正文｛margin:200px；font:12pt helvetica；｝</style></head><body></body><script type=“text/javascript”>//编辑这些以满足您的需求。var oldsite='http://theoldsitename.com'var newSite=“https://thenewsitename.com";var秒=20；//倒计时延迟。var路径=位置.pathname；var srch=位置搜索；var uniq=数学地板（（Math.random（）*10000）+1）；var newPath=新站点+路径+（srch==“”？“？”+uniq:srch+“&”+uniq）；document.write（作为主机改进的一部分，系统已从'+oldsite+'迁移到</p>'）；document.write（'<p><a href=“'+newPath+'”>'+newSite+'</a></p>'）；document.write（“＜p＞请注意新的网站地址。＜/p＞”）；document.write（“＜p＞如果未自动重定向，请单击上面的链接继续。＜/p＞”）；document.write（'<p id=“dvCountDown”>您将在<span id=“lblCount”></span>秒后被重定向。</p>'）；函数DelayRedirect（）{var dvCountDown=document.getElementById（“dvCountDown”）；var lblCount=document.getElementById（“lblCount”）；dvCountDown.style.display=“块”；lblCount.innerHTML=秒；setInterval（函数（）{秒--；lblCount.innerHTML=秒；如果（秒==0）{dvCountDown.style.display=“无”；window.location=newPath；}}, 1000);}延迟重定向（）</script></html>

2018-03-19 12:58:42

这是前面所有答案的总结，加上通过.htaccess使用HTTP Refresh Header的附加解决方案

HTTP刷新标头首先，您可以使用.htaccess设置这样的刷新标头标题集刷新“3”这相当于在PHP中使用header（）函数标头（“刷新：3；”）；请注意，并非每个浏览器都支持此解决方案。JavaScript使用备用URL：<脚本>setTimeout（function）｛location.href=“http://example.com/alternate_url.html"} , 3000);</script>没有备用URL：<脚本>setTimeout（“location.reload（true）；”，timeoutPeriod）；</script>使用窗口对象：<脚本>window.location.reload（true）；</script>刷新标识当不需要依赖JavaScript和重定向头时，可以使用元刷新使用备用URL：<meta http equiv=“刷新”content=“3；url=http://example.com/alternate_url.html">没有备用URL：<meta http equiv=“刷新”content=“3”>使用<noscript>：<noscript><meta http equiv=“refresh”content=“3”/></noscript>

可选

根据Billy Moon的建议，如果出现问题，您可以提供刷新链接：

如果未自动重定向：<a href='http://example.com/alternat_url.html'>单击此处</a>

资源

维基百科元刷新META REFRESH的性能影响使用jQuery刷新（重新加载）一次页面？

2014-11-06 10:19:55

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

<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页面重定向到另一个页面

推荐文章

最新文章

标签