HTML中a标签跨文件自动跳转失败问题咨询

错误原因 #

你现在的写法核心问题在于：body3.html里的<a id="3.0" href="body2.html#3.0"> </a>只是个带跳转链接的锚点，但HTML本身不会自动触发这个链接的点击行为。浏览器加载body3.html#3.0时，只会滚动到对应id的位置，不会主动执行跳转，所以停在了body3.html。

纯HTML能否实现需求？ #

不能。HTML没有内置“页面加载到指定锚点后自动跳转”的机制，必须借助JavaScript来完成这个逻辑。

可行的实现方案 #

修改body3.html，添加一段脚本，让页面加载完成后检测锚点，自动触发跳转：

<!-- body3.html 代码调整 -->
<a id="3.0"></a>
<script>
window.onload = function() {
  if (window.location.hash === '#3.0') {
    window.location.href = 'body2.html#3.0';
  }
};
</script>

这样，从body1.html点击链接进入body3.html#3.0后，页面加载完成时会识别锚点，自动跳转到body2.html的对应位置。

额外提醒：虽然HTML允许id包含.，但建议使用字母、数字、下划线或短横线组成的规范id，减少潜在的兼容性问题。

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