javascript - JavaScript window.location 未在请求标头中设置引用者

Question

我了解在请求标头中依赖 Referer 是不对的。但我的问题是，如果我使用 IE，为什么 IE 不将 Referer 设置为请求标头window.location？有什么想法或修复吗？

这不会在 Request 标头中设置 Referer：

function load1() {
   window.location = "https://" + serverURL + "/path/folder/page.aspx";
}

<a href="javascript:load1()">Link 1</a>

虽然这设置：

<a href="https://hardcode.server.url/path/folder/page.aspx">Link 1</a>

score 39 · Accepted Answer

您的帖子标题表明您想使用 JavaScript 以编程方式更改当前页面，但仍提供 HTTP 引用者（据我了解，使用<a>标签仅用于测试用例）。

您需要注意跨浏览器问题：

window.location.href在以下浏览器下更改时会设置 HTTP referrer 标头（HTTP-Referer）：
- MSIE 9（但可能是 9 以上的任何版本）
- Opera（至少 11 个，但很可能是所有版本）
MSIE (至少 6, 7, 8) :更改时没有设置referrer window.location.href（这就是为什么一些伪解决方案基于myLink.click()）
Firefox（至少 3.0、3.5、4.0）：该click功能不存在（这就是为什么基于的伪解决方案myLink.click()不起作用）
Firefox 5 : 该click功能在 Firefox 5 下存在但不改变窗口位置，所以所有依赖方法存在的myLink.click()方法都不起作用。调用myLink.onclick()或myLink.onClick()引发错误（“onclick 不是函数”），因此基于这些调用的解决方案将不起作用。

为了管理这些跨浏览器问题，我使用以下方法：

function navigateToUrl(url) {
    var f = document.createElement("FORM");
    f.action = url;

    var indexQM = url.indexOf("?");
    if (indexQM>=0) {
        // the URL has parameters => convert them to hidden form inputs
        var params = url.substring(indexQM+1).split("&");
        for (var i=0; i<params.length; i++) {
            var keyValuePair = params[i].split("=");
            var input = document.createElement("INPUT");
            input.type="hidden";
            input.name  = keyValuePair[0];
            input.value = keyValuePair[1];
            f.appendChild(input);
        }
    }

    document.body.appendChild(f);
    f.submit();
}

navigateToUrl("http://foo.com/bar");

此解决方案适用于上面列出的所有浏览器风格和版本。它的优点是简单、多浏览器和易于理解。请注意，这尚未在 HTTP S下进行测试。

score 25 · Accepted Answer

设置window.location与跟随该页面上的链接不同。当用户在浏览器的地址栏中键入 URL 时，它开始对页面的新请求。

我确实设法找到了解决方法：

function goTo(url)
{
    var a = document.createElement("a");
    if(!a.click) //for IE
    {
         window.location = url;
         return;
    }
    a.setAttribute("href", url);
    a.style.display = "none";
    document.body.appendChild(a);
    a.click();
}

它在页面上创建一个链接并模拟点击。结果是更改window.location并填充了引用者。

http://ianso.blogspot.com/2006/01/referer-header-not-set-on-http.html

score 5 · Accepted Answer

我没有足够的分数来评论埃文的回答来建议更正，所以我所能做的就是在此处发布更正。简而言之，document.createElement(a)缺少引号，应该document.createElement("a")代替。这也应该解决凯文对 FF5 的担忧。

我写的整个函数：

function goTo(url)
{
    var a = document.createElement("a");
    if (a.click)
    {
        // HTML5 browsers and IE support click() on <a>, early FF does not.
        a.setAttribute("href", url);
        a.style.display = "none";
        document.body.appendChild(a);
        a.click();
    } else {
        // Early FF can, however, use this usual method
        // where IE cannot with secure links.
        window.location = url;
    }
}

这适用于我们使用 IE7、IE8、FF3、FF7 和 Chrome 的 HTTPS 环境。所以我想它也适用于FF5。如果没有这种解决方法，我们在尝试设置 window.location 时会在 IE7 和 IE8 中出现 403 错误。至于沙乐问IE为什么要这么做，我只能猜测他们认为太不安全了。我在 IE 中遇到了与 window.open 类似的问题，我也必须解决这个问题。

score 0 · Accepted Answer

是否可以通过 JavaScript 触发链接（或任何元素）的点击事件？使用 createEvent/dispatchEvent 或 createEventObject/fireEvent 解决方案。

score -3 · Accepted Answer

是的，你的也可以，但最终做了：

<a href="#" id="linkOne">Link 1</a>

<script type="text/javascript">
   document.getElementById("linkOne").href = "https://" + serverURL + "/path/folder/page.aspx";
</script>

javascript - JavaScript window.location 未在请求标头中设置引用者

5 回答 5

Related

Reference