javascript.点击显示嵌入的pdf

javascript. Show embeded pdf on click

本文关键字：pdf 显示 javascript 更新时间：2023-09-26

当我点击链接"显示pdf"时，我想显示嵌入的pdf。然而，肯定是出了什么问题。现在将加载pdf。有什么帮助吗？

看看我的小提琴：http://jsfiddle.net/benjones337/7jkmvLL9/2/

    <!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset=utf-8 />
<script type="text/javascript">
window.onload = function() {
document.getElementById("showPDF").onclick = function() {
    document.getElementById("thePDF").style.visibility = "visible";
}
}
</script>
</head>
<body>

<div>
  <object data="http://www.elml.org/website/en/download/gitta_databases.pdf" type="application/pdf">
        <embed id="thePDF" src="http://www.elml.org/website/en/download/gitta_databases.pdf" width="700" height="575" type="application/pdf" />
    </object>
    <p><a id="showPDF">Show PDF</a></p>
</div>
</body>
</html>

避免在jsfiddle中使用onload事件，因为该事件在页面"加载"时已经发生。
隐藏对象本身（我将您的id移动到父元素），因为嵌入元素不受您的样式影响。

jsfiddle.net/7jkmvLL9/6/