Javascript document.referrer判断访客来源网址


Posted in Javascript onMay 15, 2020

今天遇到一个蛮有趣的问题,由于公司与一些厂商有合作关?S,因此双方的网站中也都会交换连结,当今天合约也终止后,但对方始终一直没把连结的部分下掉时,这有时会产生一些不必要的误会,让一般的使用者认为双方还有合作关?S,固然说这样子可赚到一些流量,但相对的也造成了一些误解,因此上头则希望能否去判断使用从它站连来时,就把它拒绝在门外,这让梅干退了三步,原本以为要从主机来作设定,上网找了一些文件后,才发现只要用简单几行的javascript,就可抓到使用的来源,以及作出一些防范的措施。

效果图:

Javascript document.referrer判断访客来源网址

<script type="text/javascript"> 
  var refurl=document.referrer; 
  if(refurl.indexOf("wowgame")>-1){ 
    alert("你的来源网址为:【"+document.referrer+"】目前本站与该站已终止合作。"); 
    location.replace(refurl); 
  }   
</script>

其实方法真的很简单,因此下次若各位也有遇到此问题时,也可试试看此方法,这边梅干是将它再把网页导回去,而各位也可多花点功夫,当判断是某网址连入时,跳到某一个宣告,让网友知道双方已经终止合作,顺便还可以赚点流量。

应用范围:一般用于检查来源页面的关键词,一般是用来判断用户通过搜索引擎来的用户,输入了什么关键词进来的,然后进行判断。右下角给出相关的链接。

对于增强用户体验有很大的好处,让访客快速的找到相关信息。

下面是一些特殊的补充

js如何判断访问来源是来自搜索引擎(蜘蛛人)还是直接访问

以下javascript脚本代码可以实现判断访问是否来自搜索引擎。
代码如下:

< script type = "text/javascript" >
if (window.name != 'ad_app6') {
  var r = document.referrer;
  r = r.toLowerCase(); //转为小写
  var aSites = new Array('google.', 'baidu.', 'soso.', 'so.', '360.', 'yahoo.', 'youdao.', 'sogou.', 'gougou.');
  var b = false;
  for (i in aSites) {
    if (r.indexOf(aSites[i]) > 0) {
      b = true;
      break;
    }
  }
  if (b) {
    self.location = '要跳转的网址';
    window.adworkergo = 'ad_app6';
  }
} < /script>/

介绍的这个JS判断蜘蛛来源的方法脚本是写在body的onload里面的。即页面加载时进行判断。代码如下:

body {
  onload: expression(
  if (window.name != "Yang") {
    var str1 = document.referrer;
    str1 = str1.toLowerCase();
    var str6 = 'google.';
    var str7 = 'baidu.';
    var str4 = 'yahoo.';
    var str8 = 'youdao.';
    var str9 = 'sogou.';
    var str5 = 'soso.';
    if (str1.indexOf(str7) > 0 || str1.indexOf(str6) > 0 || str1.indexOf(str4) > 0 || str1.indexOf(str3) > 0 || str1.indexOf(str8) > 0 || str1.indexOf(str9)

    > 0 || str1.indexOf(str5) > 0 && "zh-cn" == navigator.systemLanguage) {
      self.location = 'http://www.abc.com/';
      window.name = "Yang";
    }

  });
}

这个JS判断蜘蛛来源方法不太好用。特别是在需要判断更多蜘蛛来源时代码写起来比较麻烦。

js判断访问来源

主要是判断pc android ios等

通过navigator的userAgent属性来判定
userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。
例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)

function checkBrowser(){
var browser={   
 versions:function(){      
 var u = navigator.userAgent, app = navigator.appVersion;
 return {
  //移动终端浏览器版本信息         
  trident: u.indexOf('Trident') > -1, //IE内核         
  presto: u.indexOf('Presto') > -1, //opera内核         
  webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核         
  gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核         
  mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端         
  ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端         
  android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器         
  iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器         
  iPad: u.indexOf('iPad') > -1, //是否iPad         
  webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部       
  };     
 }(),     
  language:(navigator.browserLanguage || navigator.language).toLowerCase() 
 } 
if( browser.versions.android || browser.versions.iPhone || browser.versions.iPad){ 
 window.location.href="http://daimami.com“

 }
}

通过navigator的platform来判断
platform 属性是一个只读的字符串,声明了运行浏览器的操作系统和(或)硬件平台。虽然该属性没有标准的值集合,但它有些常用值,比如 "Win32"、"MacPPC" 以及 "Linuxi586",等等。

<!-- 
//平台、设备和操作系统 
var system ={ 
win : false, 
mac : false, 
xll : false //X11也叫做X Window系统,X Window系统 (X11或X)是一种 位图 显示的 视窗系统 。它是在 Unix 和 类Unix 操作系统 ,以及 OpenVMS 上建立图形用户界面 
的标准工具包和协议,并可用于几乎所有已有的现代操作系统。
}; 
//检测平台 
var p = navigator.platform; 
alert(p); 
system.win = p.indexOf("Win") == 0; 
system.mac = p.indexOf("Mac") == 0; 
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 
//跳转语句 
if(system.win||system.mac||system.xll){ //转向电脑端

window.location.href="www.daimami.com"; 
}else{ 
window.location.href="www.daimami.com"; //转向手机端}

以上就是Javascript document.referrer判断访客来源网址的详细内容,更多关于Javascript document.referrer的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
JavaScript库 开发规则
Jan 31 Javascript
JavaScript 事件的一些重要说明
Oct 25 Javascript
javascript Demo模态窗口
Dec 06 Javascript
javascript自定义的addClass()方法
May 28 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
初识Node.js
Mar 20 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
Vue实现验证码功能
Dec 03 Javascript
Javascript 中介者模式实例
Dec 16 #Javascript
js textarea自动增高并隐藏滚动条
Dec 16 #Javascript
javascript 动态设置已知select的option的value值的代码
Dec 16 #Javascript
javascript 语法基础 想学习js的朋友可以看看
Dec 16 #Javascript
JavaScript 解析Json字符串的性能比较分析代码
Dec 16 #Javascript
TextArea 控件的最大长度问题(js json)
Dec 16 #Javascript
比较详细的关于javascript 解析json的代码
Dec 16 #Javascript
You might like
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
php轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
php实现的双色球算法示例
2017/06/20 PHP
PHP实现链表的定义与反转功能示例
2018/06/09 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
js获取url传值的方法
2015/12/18 Javascript
Bootstrap 填充Json数据的实例代码
2017/01/11 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
vuex进阶知识点巩固
2018/05/20 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
Python程序设计入门(3)数组的使用
2014/06/16 Python
python求pi的方法
2014/10/08 Python
Python3实现从指定路径查找文件的方法
2015/05/22 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
Python+OpenCv制作证件图片生成器的操作方法
2019/08/21 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
工商管理实习自我鉴定
2013/09/28 职场文书
学生会主席事迹材料
2014/01/28 职场文书
大学生军训感想
2014/02/16 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
大学生创业计划书
2019/06/24 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
Python实现抖音热搜定时爬取功能
2022/03/16 Python
Golang 实现WebSockets
2022/04/24 Golang
JS实现简单九宫格抽奖
2022/06/28 Javascript