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 相关文章推荐
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 Javascript
javascript操作css属性
Dec 30 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
jquery拖动改变div大小
Jul 04 jQuery
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
php遍历类中包含的所有元素的方法
2015/05/12 PHP
PHP异常处理Exception类
2015/12/11 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
node.js实现BigPipe详解
2014/12/05 Javascript
js字符串截取函数slice、substring和substr的比较
2016/05/17 Javascript
详解jQuery选择器
2016/12/21 Javascript
浅谈js算法和流程控制
2016/12/29 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
python批量修改文件后缀示例代码分享
2013/12/24 Python
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
Python实现图片拼接的代码
2018/07/02 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
40行Python代码实现天气预报和每日鸡汤推送功能
2020/02/27 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Python数据正态性检验实现过程
2020/04/18 Python
Keras 快速解决OOM超内存的问题
2020/06/11 Python
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
怎样声明一个匿名的内部类
2016/06/01 面试题
银行求职推荐信范文
2013/11/30 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
幼儿园安全检查制度
2014/01/30 职场文书
公司外出活动方案
2014/08/14 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
产品调价通知函
2015/04/20 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
Java中try catch处理异常示例
2021/12/06 Java/Android