js 静态页面重定向

Bwoywan

2019 年 12 月 18 日

1697 次浏览

暂无评论

1030字数

面向谷歌编程

前言

最近在迁移域名，原域名托管在了腾讯 cos ,没办法用 nginx 重定向了，但是搜索引擎排名没有完全转移到新域名。所以只有在静态页面中实现重定向，而 js 实现这个功能是最简便的吧。

上手

<!DOCTYPE html>

<head>
    <script type="text/javascript">
        var path = window.location.pathname;
        window.location = "https://blog.thris.me" + path;
    </script>
</head>

<body>
    <h1>
        正在重定向
    </h1>
</body>

</html>

也就是通过在静态 html 中嵌入 js 脚本来实现，代码放在 html 的 head

获取url path

一个 http url 包括六个部分，部分可选

<协议>//<域名>:<端口>/<路径><查询参数><hash>
<protocol>//<hostname>:<port>/<pathname><search><hash>

这里要实现的是保留 path ，将 hostname 更改为新的要重定向的域名。
于是就可以通过 window.location.pathname 函数获得当前域名的 path. 并赋给 path 变量.

重定向至新域名

The window.location object can be used to get the current page address (URL) and to redirect the browser to a new page
通过 window.location 将页面重定向至新域名。
windows.location 后面支持添加变量和字符串，通过 + 号连接。