window. location.href = document.referrer的作用

这段代码的作用是将当前页面的 URL 重定向到该页面的来源网址。其中，`window.location.href` 表示页面的 URL，`document.referrer` 表示页面的来源网址。通过将当前页面的 URL 重定向到来源网址，可以实现一些特定的功能，比如返回上一级页面，或者根据来源网址做一些特定的操作。需要注意的是，该代码必须放在页面加载完成后才能执行。

相关问题

window.location.href = document.referrer;

引用中的代码`window.location.href = document.referrer`是用于将当前页面跳转到前一个页面，并且刷新页面。`document.referrer`表示前一个页面的URL。这段代码会判断`document.referrer`是否包含`?`，如果包含则拼接参数`&r=`，如果不包含则拼接参数`?r=`。最后通过`window.location.href`将页面跳转到前一个页面并刷新页面。

这段代码的作用是在前一个页面的基础上加上随机参数`r`来刷新页面。这样做的目的可能是为了避免缓存，确保每次跳转到前一个页面时都能重新加载内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [使用window.location.href和document.referrer](https://blog.csdn.net/qq_37252429/article/details/76153180)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [js返回上一页和刷新页面](https://blog.csdn.net/m0_47402657/article/details/127448104)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

window.location.href 导致referer丢失

`window.location.href` 是JavaScript中用于获取或设置当前页面URL的一个属性。当你直接使用它来改变页面地址，比如 `window.location.href = 'new-url.com';` 时，通常浏览器会发送一个新的HTTP请求到新的URL，这个请求被称为"直接链接"，不会包含来源（即referrer）信息，因为这种跳转不是通过点击超链接或表单提交等常规用户交互产生的。

如果你需要保留当前页面的 referer 或者是为了跟踪来源，可以考虑使用其他方法，如：

1. 使用`<a>`标签的`href`属性，并让用户的点击触发跳转，这样就会自动携带referrer：

<a href="new-url.com" rel="noopener noreferrer">点击跳转</a>

2. 如果是在服务器端进行重定向，可以将referer信息作为查询字符串或cookie的一部分传递。

3. 使用JavaScript的Fetch API或者其他库（如axios），它们提供更精细的控制，可以在发起请求时手动添加头信息，包括referer：

fetch('new-url.com', {headers: {'Referer': document.referrer}});