点击URL更改页面的Iframe PDF

4

我希望通过点击链接在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>

但是不起作用,我一直在尝试实现这个目标,但没有成功。


你确定这样做是可能的吗? - Gabriel Tomitsuka
不知道是否可能,所以我正在尝试。 - Enrique Benitez
1个回答

1

attr更改为prop。像这样:

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

    return false;
}

属性用于在解析时设置iframe对象属性的初始值,但当您更改属性时,该值不会传递到属性。

顺便说一下,据我所知,没有必要清除src,等待并将其设置为正确的值。

更新:

我为网站(在此处查看)检查了这种方法。我想对于PDF来说是不可能的,因此用更新的src替换iframe可能是唯一可行的方法。


2
好的,抱歉,我错过了你想要更改URL哈希部分的意思!我知道这可能看起来很不专业和丑陋,但是用更新后的URL替换iframe应该可以直接解决问题。 - Eryk Napierała
这对我很有效。移除和添加新的 iframe 是可行的。谢谢! - Enrique Benitez
1
使用JS/jQuery动态更改页面编号是否会每次从服务器重新加载PDF,还是像在HTML中滚动到特定ID标记一样? - Vishnu Y S

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接