js中的referrer返回上一页使用介绍
2013-09-26 17:11
357 查看
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就能保留了。
所以我们的根据不同浏览器的不同情况,必须的考虑完整,让代码变得强壮。
您可能感兴趣的文章:
相关文章推荐
- js中的referrer返回上一页使用介绍
- js中的referrer返回上一页使用介绍
- js中的referrer使用,返回上一页
- js中的referrer使用,返回上一页
- js中document.referrer实现移动端返回上一页
- 开发日程:js使用history.go(-1)返回上一页出现网页过期
- JS(history,location的使用)返回上一页以及返回上一页并刷新
- 关于WebView的使用js和java的相互调用(包含按返回按钮时,返回上一页而不是推出activity)
- 使用js返回上一页的几段代码
- js 返回上一页和刷新 的代码
- js实现返回上一页
- js返回上一页并刷新的几种方法
- 微信JS接口 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置
- 使用JS 返回上一步上一个网页
- JS教程:window.location使用方法的区别介绍
- js 返回上一页
- js 返回上一页和刷新
- jquery.cookie.js使用介绍
- AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
- js修改原型的属性使用介绍