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 调整select 位置的函数
Feb 21 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
node.js中使用socket.io制作命名空间
Dec 15 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
简单的vuex 的使用案例笔记
Apr 13 Javascript
解决vue.js 数据渲染成功仍报错的问题
Aug 25 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
Vue深入理解插槽slot的使用
Aug 05 Vue.js
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语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
Yii 2.0实现联表查询加搜索分页的方法示例
2017/08/02 PHP
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
js 三级关联菜单效果实例
2013/08/13 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
JS基于面向对象实现的拖拽库实例
2015/09/24 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
2018/07/13 Javascript
[01:12]快闪回顾DOTA2亚洲邀请赛(DAC) 静候2018新征程开启
2018/03/11 DOTA
Python strip lstrip rstrip使用方法
2008/09/06 Python
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
Python3中详解fabfile的编写
2018/06/24 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
Bata印度官网:源自欧洲舒适鞋履品牌
2020/01/30 全球购物
有针对性的求职自荐信
2013/11/14 职场文书
家长对孩子评语
2014/01/30 职场文书
小学生评语大全
2014/04/18 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
2014年组织部工作总结
2014/11/14 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL