解决js下referer兼容各大浏览器的方法_javascript技巧
程序员文章站
2022-03-25 21:09:13
...
HTTP Header referer这玩意主要是告诉人们我是从哪儿来的,就是告诉人家我是从哪个页面过来的,可以用于统计访问本网站的用户来源,也可以用来防盗链。获取这个东西最好的方式是js,如果在服务器端获取(PHP方法如:$_SERVER['HTTP_REFERER']) 不靠谱,人家可以伪造,用js获取最好,人家很难伪造,
var url = 'http://www.jb51.net';
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent) || /MSIE(\d+\.\d+);/.test(navigator.userAgent))
{
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else
{
location.href = url;
}
方法:利用js的 document.referer 方法可以准确地判断网页的真实来路。 目前百度统计,google ads统计,CNZZ统计,都是用的这个方法。防盗链也很简单了,js里判断来路url如果不是本站不显示图片。
众所周知,我们web开发人员痛恨IE浏览器,因为IE不支持标准,标准外的默认行为又和其他浏览器经常不一致:
在IE中用javascript做跳转,比如用window.location.href = “”; google如果使用document.referrer无法取到浏览器请求的HTTP referrer,因为IE清空了
而其他主流浏览器Firefox和Chrome都会保留referrer,没办法,这意味着IE又要享受“部长级”特殊待遇了:
以下代码可以解决ie的这个问题:
//检测如果是ie浏览器,则手动的给增加一个referer
这样的原理就是给IE浏览器的页面偷偷加了个链接,然后自动点这个链接,于是referrer就能保留了。
复制代码 代码如下:
var url = 'http://www.jb51.net';
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent) || /MSIE(\d+\.\d+);/.test(navigator.userAgent))
{
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else
{
location.href = url;
}
推荐阅读
-
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧
-
浏览器解析js生成的html出现样式问题的解决方法_javascript技巧
-
JS兼容浏览器的导出Excel(CSV)文件的方法_javascript技巧
-
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法_javascript技巧
-
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列_javascript技巧
-
JS中完美兼容各大浏览器的scrolltop方法_javascript技巧
-
showModalDialog在谷歌浏览器下会返回Null的解决方法_javascript技巧
-
showModalDialog在谷歌浏览器下会返回Null的解决方法_javascript技巧
-
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法_javascript技巧
-
js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧