JavaScript中利用referrer实现返回上一页及IE兼容方案

 
<script language="javascript">
var refer=document.referrer;
document.getElementById('backurl').value=refer;
</script>

referrer的准确性与注意事项

该变量指向链接到当前页面的前一页面URL地址。需要注意的是，并非所有用户代理（浏览器）都会设置此变量，部分浏览器甚至允许用户手动修改HTTP_REFERER。因此，该变量的值并不总是真实准确的。

需注意区分 document.referrer 与“HTTP_REFERER”，两者中间仅差一个字母，但代表不同的概念，使用时应仔细辨别。

IE浏览器兼容性问题与解决方案

在JavaScript中执行 location.href = document.referrer; 即可实现跳转到上一个页面，从而提升用户的使用体验。

然而，在IE浏览器中，referrer的处理机制并不理想，因为IE会清空referrer信息。

众所周知，Web开发人员通常对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信息。

因此，我们需要根据不同浏览器的特性进行完整考虑，使代码具备更强的健壮性。