JavaScript window.location 未在请求标头中设置引用地址

Question

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

这不会在请求标头中设置 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>

Answer 1

您的帖子标题显示您希望使用 JavaScript 以编程方式更改当前页面，但仍提供 HTTP 引用（据我所知，使用 标记仅用于测试用例）。

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

• 在以下浏览器下更改 window.location.href 时会设置 HTTP 引用标头 (HTTP-Referer)：
  • MSIE 9（但可能是 9 以上的任何版本）
  • Firefox（至少 3.0、3.5、4.0、5.0，但很可能是所有版本）
  • Chrome（至少 9 个版本，但很可能是所有版本）
  • Safari（至少 5 个版本，但很可能是所有版本）
  • Opera（至少 11 个版本，但很可能是所有版本）
• MSIE（至少 6、7、8）：更改 window.location.href 时未设置引荐来源网址（这就是为什么某些伪解决方案基于 myLink.click()）
• Firefox（至少3.0、3.5、4.0）：click功能不存在（这就是为什么基于myLink.click()的伪解决方案 code> 不起作用）
• 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");

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

Answer 2

设置 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

Answer 3

我没有足够的观点来评论埃文的答案来建议更正，所以我所能做的就是在这里发布更正。简而言之，document.createElement(a) 缺少引号，应改为 document.createElement("a")。这应该也能解决 Kevin 对 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;
    }
}

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

Answer 4

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

Answer 5

好的。我有同样的问题，但我想在我的 Scrapper 应用程序中重定向 URL。我在本地主机上运行我的 scrapper 应用程序，也在服务器上运行，并且服务器上我想重定向到的一些 URL 是 IP，所以我添加了 URL 验证。希望这对其他人有帮助。

function redirect(url) {  
    // Validate URL  
    const isValidUrl = (str) => {  
        const pattern = new RegExp('^(https?:\\/\\/)?' + // protocol  
            '(((([a-z0-9](?:[a-z0-9-]*[a-z0-9])?)\\.)+([a-z]{2,}|[a-z0-9-]{2,}\\.\\w{2,}))|' + // domain name  
            'localhost|' + // localhost  
            '\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}|' + // ip (v4)  
            '\\[?[a-f0-9]*:[a-f0-9:%.~%#&+?=]*\\])' + // ipv6  
            '(\\:\\d+)?(\\/[-a-z0-9+&@#/%?=~_|!:,.;]*)*' + // path  
            '(\\?[;&a-z0-9%_.~+=-]*)?' + // query string  
            '(\\#[-a-z0-9_+.~]*)?
示例：
redirect('127.0.0.1:8080/nodesite/blog/1);

, 'i'); // fragment locator  
        return !!pattern.test(str);
    };

    if (!isValidUrl(url)) {
        console.error('Invalid URL:', url);
        return;//stop scrapper
    }

    // Create a link
    const anchor = document.createElement('a');
    anchor.href = url;  
    anchor.target = '_self';//open in current tab
    document.body.appendChild(anchor);
    if (typeof anchor.click === 'function') {
        anchor.click();
    } else {
        // Fallback for IE
        window.location.href = url;
    }
    document.body.removeChild(anchor);
}

示例：

Answer 6

是的，你的也有效，但最终做了：

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

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