在网页开发中，有时我们需要获取上级页面（父页面）的URL，以便进行一些特定的交互或验证。然而，当上级页面使用`location.href`来重定向到子页面时，我们可能会遇到无法直接获取到上级页面URL的问题。这是因为`location.href`的改变会清除浏览器的历史记录，从而使得`document.referrer`属性返回为空，导致我们无法通过常规方法获取到上级页面的地址。
在这种情况下，我们可以尝试使用一种替代策略，即模拟JavaScript点击链接的方式来实现页面跳转。这种方式可以保留浏览器的历史记录，使`document.referrer`能够正确地反映出上级页面的URL。以下是一个具体的示例：
我们在HTML中创建一个隐藏的`<a>`元素，该元素包含真实的链接地址。这个链接不会直接展示给用户，而是用于程序内部处理：
```html
<div style="display:none">
<a id="xx" href="url">真实链接</a>
</div>
```
然后，我们定义一个JavaScript函数`gotourl`，它接收一个ID作为参数，这个ID对应于上面创建的隐藏链接。当用户触发跳转时，函数会弹出一个确认对话框，如果用户确认，就模拟点击该链接：
```javascript
<script type="text/javascript">
<!--
function gotourl(id){
if(confirm('您确定要这么做吗？')){
lnk = document.getElementById(id);
lnk.click();
}
}
// -->
</script>
```
在实际使用中，我们可以将`gotourl`函数绑定到一个可见的按钮或链接上，例如：
```html
<a href="javascript:gotourl('xx')">我要跳转</a>
```
当用户点击“我要跳转”时，实际上会触发`gotourl`函数，进而模拟点击隐藏链接`#xx`，这样页面就会跳转到指定的URL，并且由于是通过点击链接的方式完成的跳转，浏览器会记录这次操作，所以`document.referrer`会保存上级页面的URL。
这种方法的一个潜在问题是，由于涉及用户交互（确认对话框），可能会影响用户体验。因此，在实际应用中，开发者应根据具体需求权衡利弊，考虑是否采用此方法。此外，也可以探索其他解决方案，比如通过查询参数传递上级页面URL，或者利用存储机制（如localStorage或sessionStorage）在页面间传递信息。但需要注意的是，这些方法也有其局限性，比如用户隐私保护设置、跨域限制等，因此在实际使用时需要综合考虑。
