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 相关文章推荐
JavaScript 动态将数字金额转化为中文大写金额
May 14 Javascript
javascript 单例/单体模式(Singleton)
Apr 07 Javascript
js bind 函数 使用闭包保存执行上下文
Dec 26 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
Angular2 http jsonp的实例详解
Aug 31 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
webpack4.0打包优化策略整理小结
Mar 30 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中如何调用webservice的实例参考
2013/04/25 PHP
深入php处理整数函数的详解
2013/06/09 PHP
PHP页面中文乱码分析
2013/10/29 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
JSONP之我见
2015/03/24 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
理解javascript封装
2016/02/23 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
Cython 三分钟入门教程
2009/09/17 Python
python生成随机密码或随机字符串的方法
2015/07/03 Python
Python生成随机密码的方法
2017/06/16 Python
python flask实现分页效果
2017/06/27 Python
python发送邮件脚本
2018/05/22 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
python入门之井字棋小游戏
2020/03/05 Python
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
旅游管理毕业生自荐书
2014/02/02 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
单位员工收入证明样本
2014/10/09 职场文书
个人整改方案范文
2014/10/25 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android
Python  lambda匿名函数和三元运算符
2022/04/19 Python
python 镜像环境搭建总结
2022/09/23 Python