如何通过jQuery实现本地PDF文件指定页面跳转？

嘿，这个需求很好实现！主流的PDF阅读器（包括Chrome、Firefox、Adobe Reader等）都支持通过URL参数直接指定打开后的跳转页码，咱们只需要修改你现有代码里的PDF链接就行。

核心原理 #

在PDF文件的URL末尾添加 #page=X 后缀，其中 X 就是你想要跳转的目标页码（注意页码是从1开始计数的）。

静态指定页码的修改方案 #

如果你的目标章节对应的页码是固定的，比如要直接跳转到第8页，直接修改window.open的URL即可：

$('#btnManual').click(function() {
  // 直接跳转至第8页
  window.open('documentation/test.pdf#page=8');
});

动态指定页码的进阶方案 #

如果需要根据用户选择或者其他动态值来确定跳转页码（比如从输入框获取用户输入的页码），可以这样写：

$('#btnManual').click(function() {
  // 假设页面上有一个id为targetPageInput的输入框，用于输入目标页码
  const targetPage = $('#targetPageInput').val();
  
  // 先验证输入是否为有效数字
  if (targetPage && !isNaN(parseInt(targetPage)) && parseInt(targetPage) > 0) {
    window.open(`documentation/test.pdf#page=${parseInt(targetPage)}`);
  } else {
    // 若输入无效，则默认打开第一页
    window.open('documentation/test.pdf');
  }
});

注意事项 #

• 兼容性：这个方法对绝大多数现代浏览器和PDF阅读器都有效，但极少数老旧的阅读器可能不支持，不过现在日常使用基本不用担心。
• 页码规则：参数里的页码是从1开始的，不是0索引，别搞混啦！
• 第三方PDF托管：如果你的PDF是放在第三方平台（比如某些在线预览服务），可能需要使用该平台特定的跳转参数，但自己服务器或本地的PDF用这个方法完全没问题。

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