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

如何使其他锚定标签可点击,并在我点击锚定标签后再次提示目标框架?很难找到关于框架的东西,因为它已经过时了.

以下是我的代码:

框架

<框架set rows="20%,70%,10%" 框架border="0" border="0" 框架spacing="0">
    <框架set cols="20%,80%" 框架border="0" border="0" 框架spacing="0">
        <框架 name="logo" src="logo.html" noresize="noresize">
        <框架 name="banner" src="banner.html">
    </框架set>
<框架set cols="20%,80%" 框架border="0" border="0" 框架spacing="0">
    <框架 name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
    <框架 name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
</框架set>

  <框架 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">

推荐答案

从程序员的Angular 来看,这是第三方依赖和仿真的噩梦.

我不认为Frame或IFrame有什么关系,Edge IFrame也有同样的问题.它能与Mac Safari、Microsoft Edge、Android Chrome:-)或基于Mozilla Firefox/Acrobat的跨平台PDF插件兼容吗?

答案是它应该与Firefox兼容,因为PDF.js不是一个传统的PDF浏览器.

然而,尽管由Acrobat设计,通过ActiveX在微软的三叉戟中使用,但这#page=#可能与嵌入较新安全的Chrome或Edge的Acrobat的工作方式不同.

在没有Acrobat的Firefox中,我已经浏览了第一页,然后是第二页,然后是第三页,没有问题.

enter image description here

现在,Edge(可能还有其他版本)的一个相关问题是,每次加载PDF时,用户的默认首选项可能会被设置为始终打开同一页.

当使用Edge时,会有用户覆盖.为了测试,需要由用户关闭,从而重新加载PDF将始终显示相同的页面.

然而,关闭它(显示在这张图片的右上角)对基于Chromium的PDF浏览器仍然没有帮助.

enter image description here

So what is needed to reload each page in turn for Chrome is presumably the same as used here for Edge where I can "Navigate" by reload /download whole file as pages in any order like 1 2 3.
enter image description here

当我询问任何与当前文件的Chrome缓存锁定类似的变通方法时,Yu周(https://stackoverflow.com/users/11490347/yu-zhou)给出了这个答案.

所以试着把它作为你的菜单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>

Html相关问答推荐

如何防止下拉菜单内的Bootstrap列表行包装?

Flexbox嵌套div溢出

如何在一个div中心字体图标?

CSS位置:固定尊重母公司的保证金属性.""'为什么?

我似乎不能正确地将我的导航栏居中'

在 bootstrap 中的弹性项之间添加连接行

使用css第n个子元素,如何迭代Y组中的X个元素?

如何更改计时器S输入的Angular 字体大小?

SCSS动画错误:心脏在页面刷新时启动动画,原因是:Checked和:Not(:Checked) Select 器

我正在try 向列表中的图像添加悬停,以放大图像并将div的不透明度设置为1而不是0

文本幻灯片显示动画

多次使用组件时计数Angular 14中嵌套数组的指令

如何使用 Tailwind CSS 分隔导航栏中的元素?

如果使用复选框属性更改,如何防止事件更改?

如何正确地嵌套Flexbox

BeautifulSoup用名称列表的findall无法找到另一个目标后面的目标

动态计算高度时 Div 不保持 1/1 纵横比

您如何动态更改 Vue 中更高级别的标签的 CSS

如何为某些行具有 rowspan 的表的每个奇数行着色

Bootstrap Grid System col 无法正常工作