添加#锚点后缀后PHP生成的超链接无法刷新页面的问题

浏览器默认行为：当URL仅锚点（#后面的部分）变化时，不会向服务器发送新请求，只会在当前页面滚动到对应ID位置。所以你的链接带#oc时，浏览器认为只是锚点跳转，忽略了?m=$next的参数变化，导致不加载新内容。

以下是几种可行的解决办法：

方法一：用JavaScript强制触发页面刷新与锚点跳转 #

修改链接，通过onclick事件强制让浏览器重新加载完整URL，同时保留锚点：

<a href='{$_SERVER['SCRIPT_NAME']}?m=$next#oc' title='next month' onclick="window.location.assign(this.href); return false;">&raquo;</a>

window.location.assign()会强制浏览器发起新请求，请求完成后自动滚动到#oc对应的位置。

方法二：服务器端配合页面加载后自动滚动 #

移除链接中的#oc，确保页面能正常加载新内容，然后在页面底部添加一段脚本，当页面加载完成后自动滚动到目标ID：

<!-- 修改后的链接 -->
<a href='{$_SERVER['SCRIPT_NAME']}?m=$next' title='next month'>&raquo;</a>

<!-- 在页面底部添加脚本 -->
<?php if (isset($_GET['m']) && $_GET['m'] == $next): ?>
<script>
window.addEventListener('load', function() {
    const targetEl = document.getElementById('oc');
    if (targetEl) {
        targetEl.scrollIntoView(); // 如需平滑滚动，可改为targetEl.scrollIntoView({ behavior: 'smooth' })
    }
});
</script>
<?php endif; ?>

这种方式避开了浏览器对锚点的行为干扰，完全由页面加载后的脚本控制滚动，稳定性更高。

方法三：添加随机参数强制浏览器识别为新请求 #

在URL中添加一个无意义的随机参数，让浏览器认为是全新请求，从而加载新内容并跳转锚点：

<a href='{$_SERVER['SCRIPT_NAME']}?m=$next&r=<?php echo uniqid(); ?>#oc' title='next month'>&raquo;</a>

uniqid()生成唯一随机值，每次链接的URL都不同，浏览器会强制发起新请求，请求完成后自动滚动到#oc位置。不过这种方式会增加URL冗余参数，适合快速临时解决。

内容的提问来源于stack exchange，提问作者JC Reed