源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 如何利用JS判断当前来路域名并跳转到指定页面 [打印本页]
作者: 洪七公    时间: 2023-4-21 09:42
标题: 如何利用JS判断当前来路域名并跳转到指定页面

每天学习很快乐！每天有进步很满足！

上一篇文章讲了indexOf()函数的使用方法，今天就来给大家适配一个indexOf()函数的应用场景：判断域名并且跳转到自定义结果！

1.如何利用JS判断当前来路域名并跳转到指定页面
  1. var href = location.href ;  //获取当前请求路径
  2. if(href.indexOf("baidu")>-1){
  3.   //跳转
  4.   location.href = "http://baidu.com";
  5. }
复制代码

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

代码如下：
  1. var host = window.location.host;
  2. if (host=="lezi.66ghz.com")
  3. {
  4.     document.write("<style>")
  5.     document.write(".head{ background: url(XXX)}")
  6.     document.write("</style>")
  7. }
复制代码

3.不同的域名   输出不同的结果
  1. <script type="text/javascript">
  2.         if (window.location.href.indexOf("seekstack.cn") > -1) {
  3.         document.write("<li style='background:none;'><a href='http://www.xt.com/yygk/yyjj/915.html'>介绍</a></li>");
  4.         } else if (window.location.href.indexOf("s.seekstack.cn") > -1) {
  5.         document.write("<li style='background:none;'><a href='http://www.gzxt.com/yygk/yyjj/916.html'>介绍</a></li>");
  6.         } else if (window.location.href.indexOf("www.gzxt.com") > -1) {
  7.         document.write("<li style='background:none;'><a href='http://www.gzxt.com/yygk/yyjj/917.html'>介绍</a></li>");
  8.         }
  9. </script>
复制代码

其实我还是觉得直接用js来操作比较简单粗暴一点，把上面这段一改就成自己的了，把下面这个文件往根目录一丢，万事大吉！
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <title>正在玩命加载中……</title>
  5.         <!-- 判断来路域名自动跳转 -->
  6.         <script type="text/javascript">
  7.         if (window.location.href.indexOf("lezi.66ghz.com") > -1) {
  8.                 window.location.href='http://seekstack.cn';
  9.         } else if (window.location.href.indexOf("tttp://s.thevv.top") > -1) {
  10.                 window.location.href='tttp://s.seekstack.cn';
  11.         } else if (window.location.href.indexOf("www.bookhai.top") > -1) {
  12.                 window.location.href='http:/seekstack.cn/book/';
  13.         }
  14.         </script>
  15. </head>
  16. <body>

  18. </body>
  19. </html>
复制代码






欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/) Powered by Discuz! X3.3