js中的referrer返回上一页使用介绍


Posted in Javascript onSeptember 26, 2013

js完整代码:

<script language="javascript"> 
var refer=document.referrer; 
document.getElementById('backurl').value=refer; 
</script>

“HTTP_REFERER”

链接到当前页面的前一页面的 URL 地址。不是所有的用户代理(浏览器)都会设置这个变量,而且有的还可以手工修改 HTTP_REFERER。因此,这个变量不总是真实正确的。

注意 document.referrer; 和“HTTP_REFERER” 中间差一个字母,却是不同的概念的东东,请注意使用

js中的referrer使用,返回上一页

在js中写上location.href = document.referrer;就可以实现跳转到上一个页面了,让用户觉得体验很好

但是在IE中referrer就没那么尽人意了啊,IE会清空referrer

众所周知,我们web开发人员痛恨IE浏览器,因为IE不支持标准,标准外的默认行为又和其他浏览器经常不一致:
在IE中用javascript做跳转,比如用window.location.href = “http://www.google.com”; google无法取到浏览器请求的HTTP referrer,因为IE清空了document.referrer

而其他主流浏览器Firefox和Chrome都会保留referrer,这意味着IE又要享受“部长级”特殊待遇了:

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ 
var referLink = document.createElement('a'); 
referLink.href = url; 
document.body.appendChild(referLink); 
referLink.click(); 
}else { 
location.href = url; 
}

这样的原理就是给IE浏览器的页面偷偷加了个链接,然后自动点这个链接,于是referrer就能保留了。

所以我们的根据不同浏览器的不同情况,必须的考虑完整,让代码变得强壮。

Javascript 相关文章推荐
Mootools 1.2教程(2) DOM选择器
Sep 14 Javascript
Javascript 面向对象 继承
May 13 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
react 实现页面代码分割、按需加载的方法
Apr 03 Javascript
element-ui 表格数据时间格式化的方法
Aug 24 Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
JavaScript中的运算符种类及其规则介绍
Sep 26 #Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 #Javascript
Jquery实现图片左右自动滚动示例
Sep 25 #Javascript
jquery实现加载等待效果示例
Sep 25 #Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 #Javascript
jquery实现table鼠标经过变色代码
Sep 25 #Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 #Javascript
You might like
PHP随机字符串生成代码(包括大小写字母)
2013/06/24 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
2007/04/12 Javascript
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
Vue系列:通过vue-router如何传递参数示例
2017/01/16 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
跟老齐学Python之Python文档
2014/10/10 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
Python代码缩进和测试模块示例详解
2018/05/07 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
UNIX特点都有哪些
2016/04/05 面试题
报关专员求职信范文
2014/02/22 职场文书
总经理的岗位职责
2014/02/23 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
幼儿教师寄语集锦
2014/04/03 职场文书
《音乐之都维也纳》教学反思
2014/04/16 职场文书
计算机专业自荐信
2014/05/24 职场文书
商铺租房协议书范本
2014/12/04 职场文书
银行催款通知书
2015/04/17 职场文书
运动会宣传稿50字
2015/07/23 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL