我要显示2个嵌入。嵌入文件具有指向pdf的链接:
<div id="container" class="text-center">
<embed src="www.example.com/pdf1.pdf" width="550" height="800" type='application/pdf' id="mypdf1">
<embed src="www.example.com/pdf2.pdf" width="550" height="800" type='application/pdf' id="mypdf2">
</div>
我也有2个按钮,一个显示嵌入,另一个隐藏隐藏。像这样:
<div class="button">
<button class="btn-info" onclick="hide('thePdf2')" type="button">HIDE</button>
</div>
<div class="button">
<button class="btn-info" onclick="show('thePdf2')" type="button">SHOW</button>
</div>
我使用以下功能来显示和隐藏嵌入:
<script>
function show(target) {
document.getElementById(target).style.display = 'block';
}
function hide(target) {
document.getElementById(target).style.display = 'none';
}
</script>
我只显示和隐藏一个嵌入,我的问题是:每次我显示嵌入时,它都会重新加载pdf并转到pdf页面的顶部。我不想每次显示时都重新加载pdf。我该如何实现?
最佳答案
不会在浏览器(Chrome)中重新加载PDF,因此无法复制,但是在浏览器中可以使用.visibility代替.display。
<script>
function show(target) {
document.getElementById(target).style.visibility = 'visible';
}
function hide(target) {
document.getElementById(target).style.visibility = 'hidden';
}
</script>