使用frameset/frame实现PDF导航：锚点点击后目标框架失效求助

问题原因 #

浏览器会缓存PDF文件的请求，当点击相同或不同锚点的链接时，因为URL的核心部分（tr_css.pdf）未发生变化，浏览器不会重新发起请求，仅尝试在已加载的PDF内滚动，但frame环境下这种滚动逻辑可能失效，导致无法切换页面。

解决方案 #

方法1：添加随机参数规避缓存 #

通过给PDF链接添加随机查询参数，让浏览器认为是新请求，强制重新加载PDF并定位到指定页面。可以用JavaScript实现点击时动态修改链接：

修改导航链接的HTML（添加onclick事件）：

<a href="tr_css.pdf#page=1" target="content" class="list-group-item list-group-item-action py-3 lh-sm text-black" onclick="this.href='tr_css.pdf#page=1?r='+Math.random();">页面1</a>
<a href="tr_css.pdf#page=2" target="content" class="list-group-item list-group-item-action py-3 lh-sm text-black" onclick="this.href='tr_css.pdf#page=2?r='+Math.random();">页面2</a>
<a href="tr_css.pdf#page=3" target="content" class="list-group-item list-group-item-action py-3 lh-sm text-black" onclick="this.href='tr_css.pdf#page=3?r='+Math.random();">页面3</a>

或者封装成函数减少重复代码：

<script>
function loadPDFPage(pageNum) {
  const contentFrame = window.parent.frames['content'];
  contentFrame.src = `tr_css.pdf#page=${pageNum}?r=${Math.random()}`;
}
</script>

<a onclick="loadPDFPage(1)" class="list-group-item list-group-item-action py-3 lh-sm text-black">页面1</a>
<a onclick="loadPDFPage(2)" class="list-group-item list-group-item-action py-3 lh-sm text-black">页面2</a>
<a onclick="loadPDFPage(3)" class="list-group-item list-group-item-action py-3 lh-sm text-black">页面3</a>

方法2：强制刷新Frame #

直接通过JavaScript修改frame的src属性，先清空再重新赋值，确保触发浏览器重新加载：

<script>
function navigateToPDF(page) {
  const contentFrame = window.parent.frames['content'];
  contentFrame.src = '';
  setTimeout(() => {
    contentFrame.src = `tr_css.pdf#page=${page}`;
  }, 10);
}
</script>

<a onclick="navigateToPDF(1)" class="list-group-item list-group-item-action py-3 lh-sm text-black">页面1</a>
<a onclick="navigateToPDF(2)" class="list-group-item list-group-item-action py-3 lh-sm text-black">页面2</a>
<a onclick="navigateToPDF(3)" class="list-group-item list-group-item-action py-3 lh-sm text-black">页面3</a>

注意事项 #

• 确保frame的name属性与链接的target一致（你的代码中为content），JS操作时能正确定位目标frame。
• 如果menu是独立的HTML文件，需通过window.parent访问父窗口中的frame对象。
• 部分浏览器对PDF锚点格式支持有差异，若#page=N无效，可尝试#nameddest=page${page}格式（取决于PDF生成设置）。

内容的提问来源于stack exchange，提问作者Jewell Acedillo Berdan