在 JavaScript 代码中，可以使用 document.referrer 获取到引用当前页面的上级页面的地址，但是无法获取由 location.href 提交而来的上级页面的地址。在这种情况下，需要通过其他方式解决。
一种可行的解决方法是在跳转链接的时候，将上级页面的地址作为参数传递到跳转的页面中。具体实现步骤如下：
<a href="http://example.com/my-page?referrer=http://previous-page.com">My Page</a>
referrer 参数的值就是上级页面的地址，这个地址可以使用 JavaScript 生成或者通过后端动态生成。
const queryParams = new URLSearchParams(window.location.search);
const referrer = queryParams.get('referrer');
这段代码通过 URLSearchParams 对象获取到当前页面的 URL 参数，然后从参数中解析出 referrer 参数的值。
通过这种方法，我们就能够获取到由 location.href 提交而来的上级页面的地址了。
另一种可行的解决方法是使用 cookie 存储上级页面的地址。具体实现步骤如下：
const referrer = window.location.href;
document.cookie = `referrer=${referrer}; path=/`;
这段代码将当前页面的地址设置为 referrer 的值，然后将其存储到 cookie 中，并设置 path 属性为根路径。
const cookies = document.cookie.split('; ');
const referrerCookie = cookies.find(cookie => cookie.startsWith('referrer='));
const referrer = referrerCookie ? referrerCookie.split('=')[1] : null;
这段代码首先通过 document.cookie 获取所有的 cookie，然后从中找到名为 referrer 的 cookie，最后获取到其值。
需要注意的是，获取到的 cookie 值是一个字符串，需要根据具体的使用场景进行解析。
通过这两种方法，我们就能够实现在 JavaScript 中获取由 location.href 提交而来的上级页面的地址。
本文链接：http://task.lmcjl.com/news/8987.html