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 相关文章推荐
几个比较经典常用的jQuery小技巧
Mar 01 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
删除节点的jquery代码
Jan 13 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
Sortable.js拖拽排序使用方法解析
Nov 04 Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
PHP时间处理类操作示例
2018/09/05 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
jQuery1.6 类型判断实现代码
2011/09/01 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
2014/05/15 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
JS控制TreeView的结点选择
2016/11/11 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
vue 实现在函数中触发路由跳转的示例
2018/09/01 Javascript
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
Python import与from import使用及区别介绍
2018/09/06 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
什么是serialVersionUID
2016/03/04 面试题
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
幼儿园教师备课制度
2014/01/12 职场文书
十佳护士获奖感言
2014/02/18 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
简短清晨问候语
2015/11/10 职场文书
用python修改excel表某一列内容的操作方法
2021/06/11 Python
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js