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

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

当前回答

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

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

2017-02-14 18:51:11

其他回答

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

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

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

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

window.location = "URL"

2011-03-23 21:01:50

您可以使用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。

2011-03-23 21:01:42

我在使用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

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

这段代码有很多优点：

允许您捕获并保留用户在其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

我使用一个脚本将用户从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页面重定向到另一个页面

推荐文章

最新文章

标签