使用链接更改嵌入式 .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 变量仍会更新。

希望这会有所帮助！ :)