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

原创已于 2023-02-26 15:55:05 修改 · 2.3w 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webview #postman

于 2017-09-11 00:53:38 首次发布

JavaScript 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何使用JavaScript根据当前访问的域名进行条件判断，并实现加载不同样式或跳转到指定页面的功能。通过简单的代码示例展示了针对不同域名加载不同CSS样式、输出不同内容及自动跳转的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

代码如下：

var host = window.location.host;
if (host=="lezi.66ghz.com") 
{ 
    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='http://www.xt.com/yygk/yyjj/915.html'>介绍</a></li>");
        } else if (window.location.href.indexOf("s.seekstack.cn") > -1) {
        document.write("<li style='background:none;'><a href='http://www.gzxt.com/yygk/yyjj/916.html'>介绍</a></li>");
        } else if (window.location.href.indexOf("www.gzxt.com") > -1) {
        document.write("<li style='background:none;'><a href='http://www.gzxt.com/yygk/yyjj/917.html'>介绍</a></li>");
        }
 </script>

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

<!DOCTYPE html>
<html>
<head>
	<title>正在玩命加载中……</title>
	<!-- 判断来路域名自动跳转 -->
	<script type="text/javascript">
        if (window.location.href.indexOf("lezi.66ghz.com") > -1) {
        	window.location.href='http://seekstack.cn';
        } else if (window.location.href.indexOf("tttp://s.thevv.top") > -1) {
        	window.location.href='tttp://s.seekstack.cn';
        } else if (window.location.href.indexOf("www.bookhai.top") > -1) {
        	window.location.href='http:/seekstack.cn/book/';
        }
        </script>
</head>
<body>

</body>
</html>