如何实现网页自动跳转：从index.html跳转至home.html

以下是三种不同场景下的可落地实现方案：

方案1：HTML Meta标签重定向（静态站点首选，兼容性最好） #

不需要服务端配置、不依赖JavaScript，所有浏览器原生支持，直接修改index.html文件即可：

• 将以下代码放入index.html的<head>标签内：

<meta http-equiv="refresh" content="0; url=home.html">

• 参数说明：content里的第一个数字是跳转延迟秒数，填0为立即跳转；如果需要给用户展示跳转提示，可以将数值改为3~5，同时在页面body里添加提示文案即可。

方案2：JavaScript跳转（适合需要额外逻辑的场景） #

如果跳转前需要做自定义判断（比如校验登录状态、设备类型等），可以用JS实现：

• 普通立即跳转代码，放入index.html的任意位置即可：

<script>
window.location.href = 'home.html';
</script>

• 跳转后禁止用户退回index.html的实现，会自动清除当前页的历史记录：

<script>
window.location.replace('home.html');
</script>

注意：该方案需要用户浏览器开启JavaScript支持才会生效。

方案3：服务端配置重定向（SEO友好，适合有服务端控制权的场景） #

直接在服务端配置301永久重定向，响应速度更快，也更利于搜索引擎收录：

• Nginx配置示例，在站点配置的server块中添加：

location = /index.html {
    rewrite ^ /home.html permanent;
}

• Apache配置示例，在站点根目录的.htaccess文件中添加：

Redirect 301 /index.html /home.html

内容的提问来源于stack exchange，提问作者CharlieW