Question

点击链接＆＃34;显示pdf＃34;我想显示嵌入式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>

Answer 1

避免在jsfiddle中使用onload事件，因为当页面加载＆＃34;
隐藏对象本身（我将您的id移动到父元素），因为embed元素不受您的样式影响。

jsfiddle.net/7jkmvLL9/6 /

JavaScript的。单击显示嵌入式pdf

1 个答案: