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 学习初步 入门教程
Mar 25 Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
浅谈React Event实现原理
Sep 20 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
webpack中的模式(mode)使用详解
Feb 20 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
JavaScript高级程序设计之变量与作用域
Nov 17 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更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
PHP网站备份程序代码分享
2011/06/10 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
php验证码生成器
2017/05/24 PHP
JavaScript 语法集锦 脚本之家基础推荐
2009/11/15 Javascript
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
简述JS控制台的使用
2018/07/15 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
python生成词云的实现方法(推荐)
2017/06/13 Python
Python定义函数功能与用法实例详解
2019/04/08 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
python实现智能语音天气预报
2019/12/02 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
python GUI模拟实现计算器
2020/06/22 Python
Python 防止死锁的方法
2020/07/29 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
2016/03/21 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
教师研修随笔感言
2014/01/23 职场文书
创先争优承诺书范文
2014/03/31 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
中学生学习保证书
2015/02/26 职场文书
创业计划书之寿司
2019/07/19 职场文书
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python