js中的referrer返回上一页使用介绍
更新时间：2013年09月26日 17:11:23 作者：
js中的referrer想必大家并不陌生吧，在本文将为大家详细介绍其是如何使用的，感兴趣的朋友可以参考下，希望对大家有所帮助
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就能保留了。
所以我们的根据不同浏览器的不同情况，必须的考虑完整，让代码变得强壮。
复制代码 代码如下:
<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多种页面刷新方法小结，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
上一篇文章，我们讲解了图像处理中的膨胀和腐蚀函数，这篇文章将做边缘梯度计算函数，感兴趣的朋友可以了解下2013-01-01
数组想必大家对它并不陌生吧，有些新手朋友们都不知道如何移除数组元素，下面为大家介绍个示例，喜欢的朋友可以了解下2013-09-09
在开发Web应用中我们常常需要在当前页面打开一个链接,但又不希望离开当前页面,这篇文章主要给大家介绍了关于JS新标签页打开的方法大全,通过这些方法可以让你的网站访问更加便捷,需要的朋友可以参考下2023-10-10
这篇文章主要给大家介绍了关于uni-app微信小程序下拉多选框的相关资料,在通过uniapp做app开发的时候,有场景需要用到下拉选择框,需要的朋友可以参考下2023-08-08
在进行自己的后台改版时，大体布局都使用了bootstrap，剩下的表单部分没理由不去使用它，对于表单的美化和布局，bootstrap做的也是很不错的。下文给大家介绍Bootstrap表单Form全面解析，感兴趣的朋友一起看下吧2016-06-06
本文主要对JavaScript闭包进行详细介绍。相信对零基础学习闭包的朋友们会有很好的帮助，下面跟着小编一起来看下吧2016-12-12
javascript设计模式 – 桥接模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 桥接模式,结合实例形式分析了javascript桥接模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了opencv 识别微信登录验证滑动块位置及各自的优缺点,需要的朋友可以参考下2018-08-08
今天小编就为大家分享一篇LayUi中接口传数据成功,表格不显示数据的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论