利用JS判断当前来路域名并跳转到指定页面的代码

摘要

博客志今天分享一个使用JavaScript根据当前访问的域名进行条件判断，并实现加载不同样式或跳转到指定页面的功能。

通过简单的代码示例展示了针对不同域名加载不同CSS样式、输出不同内容及自动跳转的方法。

1、如何利用JS判断当前来路域名并跳转到指定页面

var href = location.href ;  //获取当前请求路径
if(href.indexOf("baidu")>-1){
  //跳转  
location.href = "https://baidu.com";
}

2、输入不同的域名后载入不同网页头部，可以通过JS的判断来加载不同的CSS。

代码如下：

var host = window.location.host;
if (host == "www.bokezhi.cn") {
    document.write("<style>") document.write(".head{ background: url(XXX)}") document.write("</style>")
}

3、不同的域名输出不同的结果

< script type = "text/javascript" >
if (window.location.href.indexOf("seekstack.cn") > -1) {
    document.write("<li style='background:none;'><a href='www.bokezhi.cn'>介绍</a></li>");
} else if (window.location.href.indexOf("s.seekstack.cn") > -1) {
    document.write("<li style='background:none;'><a href='www.bokezhi.cn'>介绍</a></li>");
} else if (window.location.href.indexOf("www.gzxt.com") > -1) {
    document.write("<li style='background:none;'><a href='www.bokezhi.cn'>介绍</a></li>");
} < /script>/

其实直接用JS来操作比较简单粗暴一点，把上面这段一改就成自己的了，把下面这个文件往根目录一丢，万事大吉

<!DOCTYPE html>
<html>
<head>
    <title>正在玩命加载中……</title>
    <!-- 判断来路域名自动跳转 -->
    <script type="text/javascript">
        if (window.location.href.indexOf("www.bokezhi.cn") > -1) {
            window.location.href=https://www.bokezhi.cn'; 
       } else if (window.location.href.indexOf("https://www.bokezhi.cn") > -1) {
            window.location.href='https://www.bokezhi.cn';
        } else if (window.location.href.indexOf("www.bokezhi.cn") > -1) {
            window.location.href='https://www.bokezhi.cn';
        }
        </script>
</head>
<body> 
</body
</html>