本文所分享的知识点是【IE中JS跳转丢失referrer问题的2个解决方法】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
IE中JS跳转丢失referrer问题的2个解决方法
曾整理过一个各种页面跳转方法中referrer丢失的情况，其中提到，在IE中，使用类似 location.href="http://www.bitscn.com/school/Javascript/201408/a.html"这样的方式跳转页面时，在目标页面中 document.referrer的值会是空。这应该是IE的一个 bug。
大多数情况下，这个问题不会给我们带来麻烦，但有时候我们不得不用JavaScript来跳转，同时又要在下一个页面收集 document.refer，这时就得想想其他办法了。
Form GET方法
首先想到的是使用Form表单，用JS发起一个GET请求。代码类似下面这样：
function goToPage(url) {
if (isIE) {
// IE浏览器
var frm=document.createElement("form");
frm.action=url;
frm.method="GET";
document.body.appendChild(frm);
frm.submit();
} else {
// 非IE
location.href=http://www.bitscn.com/school/Javascript/201408/url;
}
}
这个方法可以如同预期地工作，目标页面中 document.referrer能正常指向上一个页面。
A元素模拟点击方法
网上搜索了一下，发现司徒正美的博客上记录了这个问题的另一个处理方法：
//define for all browsers
function goto(url) {
location.href=http://www.bitscn.com/school/Javascript/201408/url;
}
//re-define for IE
if (isIE) {
function goto(url) {
var referLink=document.createElement('a');
referLink.href=http://www.bitscn.com/school/Javascript/201408/url;
document.body.appendChild(referLink);
referLink.click();
}
}
原理很简单，先创建了一个 A元素，指定其 href属性为目标链接，然后再使用JS触发它的点击事件。经测试，在目标页面也能正常取到 document.referrer。
这个方法代码更简短一点，应该比上面的使用 form表单的方案更好一些。
关于IE中JS跳转丢失referrer问题的2个解决方法的相关讨论如下：
相关问题：我用JS为什么可以用谷歌、火狐浏览器获取到地址来...
答：您好！很高兴为您答疑。 事实上，虽然火狐下该方法有效，但是也不是一个非常好的解决方案。而这个方法在IE下无效的原因是：用javascript做跳转的页面，跳转到的页面无法取到浏览器请求的HTTP referrer，IE浏览器会报脚本错误“拒绝访问”，因为IE... >>详细
相关问题：js如何获取前两页的url
答：window.history对象是用来记录流量历史的对象 但是出于安全方面的考虑，开发人员无法得知用户浏览过的url 所以js没有提供获取前几页的方法，只能前进和后退 如果你只是想获取用户在你的页面的url记录，可以用sessionStorage或者localStorage来记... >>详细
相关问题：如何修改js里面的document.referrer值
答：js完整代码： var refer=document.referrer; document.getElementById('backurl').value=refer; “HTTP_REFERER” 链接到当前页面的前一页面的 URL 地址。不是所有的用户代理（浏览器）都会设置这个变量，而且有的还可以手工修改 HTTP_REFERER。因... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-