使用链接更改嵌入.pdf的页面

Question

我可以在src之后使用"#page=[pageNumber]"来确保pdf打开到相应的页面，但我不明白如何使用变量代替[pageNumber]并在按下选项卡/按钮时更改变量。

Answer 1

我建议使用document.getElementsByTagName('a')遍历每个链接，并将单击处理程序附加到每个链接。然后，您可以通过在href上拆分this.href.split("=")[1]来定位单击链接的目标。

在下面的示例中，我将this.href.split("=")[1]分配给一个变量clicked，只要您想知道上次单击的链接，就可以引用该变量。

var clicked;
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].onclick = function(e) {
e.preventDefault();
clicked = this.href.split("=")[1];
console.log("You clicked link: " + clicked);
}
}

<a href="?page=1">Page 1</a>
<a href="?page=2">Page 2</a>
<a href="?page=3">Page 3</a>

请注意，上面的示例使用e.preventDefault();来阻止点击操作实际完成。只需删除该行即可允许点击在您的实际代码中打开相关页面;clicked变量仍将更新。

希望这有帮助！ :)