【问题标题】:Iframe PDF Change page on click url点击网址上的 iframe PDF 更改页面
【发布时间】:2015-06-24 18:31:09
【问题描述】:

我想通过单击链接在 IFRAME 中包含的 PDF 文件内的页面之间切换。

这是我到目前为止所做的:

HTML:

<a href="#" onclick="return pagina(10);">Pagina 10</a>
<iframe name="ifrx" id="ifrx" src="1430263377Physic.pdf" style="height:800px; width:1170px">

脚本:

<script>
    function pagina(pag) {
        $("#ifrx").attr('src','').delay(100).attr('src','1430263377Physic.pdf#page='+pag);
        return false;
    }
</script>

但不起作用,我试图实现这一目标但没有运气。

【问题讨论】:

  • 你确定可以这样做吗?
  • 不知道是否有可能这就是我尝试的原因。

标签: javascript jquery html pdf iframe


【解决方案1】:

attr 更改为prop。像这样:

function pagina(pag) {
    $("#ifrx").prop('src','1430263377Physic.pdf#page='+pag);

    return false;
}

属性用于在解析时设置 iframe 对象属性的初始值,但是当您更改属性时,值不会填充到属性中。

顺便说一下,据我所知,不需要清除src,等待并设置为正确的值。

更新:

我为网站检查了这种方法 (see here)。我想 PDF 是不可能的,所以用新的 iframe 替换 iframe,更新 src 可能是唯一可行的方法。

【讨论】:

  • 好的,对不起,我错过了你想改变 URL 的哈希部分!我知道它可能看起来很笨拙和丑陋,但是用更新的 URL 替换 iframe 应该可以立即使用。
  • 这对我来说很好用。删除和添加新的 iframe 有效。谢谢!
  • 是否使用 JS/jQuery 动态更改页码每次从服务器重新加载 pdf 还是像滚动到 html 中的特定 id 标签?
猜你喜欢
  • 2018-04-11
  • 2020-10-20
  • 1970-01-01
  • 2010-12-26
  • 2023-03-25
  • 2021-01-06
  • 2017-11-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多