（HTML框架标签）点击后目标框架将不再工作

Question

我们的任务是创建一个 Web 程序作为测验，它将使用框架集和框架标签作为 pdf 页面导航器执行，我的问题是，在我单击锚标记后，如果我再次单击锚标记，目标框架将不会再次显示或提示。

如何使其他锚标记可单击并在单击锚标记后再次提示目标框架？由于框架已经过时，所以很难找到它。

这是我的代码：

框架

<frameset rows="20%,70%,10%" frameborder="0" border="0" framespacing="0">
    <frameset cols="20%,80%" frameborder="0" border="0" framespacing="0">
        <frame name="logo" src="logo.html" noresize="noresize">
        <frame name="banner" src="banner.html">
    </frameset>
<frameset cols="20%,80%" frameborder="0" border="0" framespacing="0">
    <frame name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
    <frame name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
</frameset>

  <frame name="footer" src="footer.html" scrolling="no">

pdf 页面导航器

<a href="tr_css.pdf#page=1" target = "content" class="list-group-item list-group-item-action py-3 lh-sm text-black" aria-current="true">
<a href="tr_css.pdf#page=2" target = "content" class="list-group-item list-group-item-action py-3 lh-sm text-black" aria-current="true">
<a href="tr_css.pdf#page=3" target = "content" class="list-group-item list-group-item-action py-3 lh-sm text-black" aria-current="true">

Answer 1

从程序员的角度来看，这是第 3 方依赖项和仿真的噩梦。

我认为框架或 iframe 并不重要，我对 Edge iframe 也有同样的问题。它可以与 Mac Safari、Microsoft Edge、Android Chrome :-) 或基于跨平台 Mozilla FireFox / Acrobat 的 PDF 插件配合使用吗？

答案是它应该与 FireFox 一起使用，因为 PDF.js 不是传统的 PDF 查看器。

但是，尽管 Acrobat 设计为通过 MS Trident 中的 ActiveX 使用，但这些

#page=#

可能与嵌入最近安全的 Chrome 或 Edge 中的 Acrobat 的工作方式不同。

在没有 Acrobat 的 Firefox 中，我浏览了第 1 页、第 2 页、第 3 页，没有问题。

现在，Edge（可能还有其他）的一个相关问题是每次加载 PDF 时，用户默认首选项可能会设置为始终打开同一页面。

使用 Edge 时，存在用户越权。为了进行测试，用户需要将其关闭，从而重新加载 PDF 将始终显示相同的页面。

但是，关闭该功能（显示为该图像右上角的一部分）对于基于 Chromium 的 PDF 查看器仍然没有帮助。

因此，Chrome 依次重新加载每个页面所需的内容大概与此处用于 Edge 的相同，我可以通过以任何顺序（如 1 2 3）将整个文件重新加载/下载为页面来“导航”。

当我询问任何与当前文件的 Chrome 缓存锁定类似的解决方法时，Yu Zhou (https://stackoverflow.com/users/11490347/yu-zhou) 提供了这个答案。

所以尝试将此作为您的 Menu.html

<a href="tr_css.pdf?=1#page=1" target = "content" class="list-group-item list-group-item-action py-3 lh-sm text-black" aria-current="true">page 1</a><br>
<a href="tr_css.pdf?=2#page=2" target = "content" class="list-group-item list-group-item-action py-3 lh-sm text-black" aria-current="true">page 2</a><br>
<a href="tr_css.pdf?=3#page=3" target = "content" class="list-group-item list-group-item-action py-3 lh-sm text-black" aria-current="true">page 3</a><br>