Javascript 使用jQuery跳转到iframe中的PDF页面

我在iframe中有一个PDF。如果我将

src

作为

/pdf#page=4

加载，当iframe第一次加载时，pdf将跳转到第4页，但我希望在通过Javascript/jQuery加载页面后实现此效果

我想能够使用我的网页上的链接在网页上跳跃。我的Javascript代码是：

function pageView(num) {
    var src = $('#previewFrame').attr('src');

    str = src.substring( 0, src.indexOf( "page=" ) ); //Remove page=1 segment
    str = str+'page='+num; //Add new page=x segment

    $('#previewFrame').attr('src', str); //Set new iframe src

}

以及HTML：

<a onclick="pageView(1)">Page 1</a>
<a onclick="pageView(2)">Page 2</a>
<a onclick="pageView(3)">Page 3</a>
<a onclick="pageView(4)">Page 4</a>
<iframe src="/../pdf#page=1" width="100%" height="550px" id="previewFrame"></iframe>

第1页
第2页
第3页
第4页

这将正确生成新URL（通过将URL打印到控制台进行检查），但PDF不会加载页面。如果我用一个常规URL替换

str

，它会加载得很好，因此我知道Javascript正在工作——只有在更改PDF

#page=x

段时，才不会发生任何更改

---

如何强制PDF跳转到正确的页面？我宁愿这样做，也不要在iframe中重新加载实际的PDF，但不介意这是否必要。

我可以在firefox中基于此编写代码，但不能在chrome或edge中。。。使用pdf.js显示您的代码所使用的pdf格式browser@JaromandaX嗯，是的，我有一种感觉，它可能最终成为一个浏览器问题。。。我将研究pdf.js，谢谢。我可以在firefox中基于这项工作生成代码，但不能在chrome或edge中。。。使用pdf.js显示您的代码所使用的pdf格式browser@JaromandaX嗯，是的，我有一种感觉，它可能最终成为一个浏览器问题。。。我将研究pdf.js，谢谢。