javascript。单击显示嵌入的pdf_Javascript_Html_Pdf_Embed

javascript。单击显示嵌入的pdf

javascript html pdf

javascript。单击显示嵌入的pdf,javascript,html,pdf,embed,Javascript,Html,Pdf,Embed,当我点击“显示pdf”链接时，我想显示嵌入的pdf。然而，一定有什么不对劲。现在将加载pdf。要帮忙吗看看我的小提琴： window.onload=函数（）{ document.getElementById（“showPDF”）.onclick=function（）{ document.getElementById（“thePDF”）.style.visibility=“可见”； } } 显示PDF 避免在JSFIDLE中使用onload事件，因为当页面“加载”时，该事件已经发生隐藏对象

当我点击“显示pdf”链接时，我想显示嵌入的pdf。然而，一定有什么不对劲。现在将加载pdf。要帮忙吗

看看我的小提琴：


window.onload=函数（）{
document.getElementById（“showPDF”）.onclick=function（）{
document.getElementById（“thePDF”）.style.visibility=“可见”；
}
}
显示PDF

避免在JSFIDLE中使用onload事件，因为当页面“加载”时，该事件已经发生

隐藏对象本身（我将id移动到父元素），因为嵌入元素不受样式的影响

jsfiddle.net/7jkmvLL9/6/

您的HTML启动无效。你不能有嵌套的段落标记。你30分钟前已经问过这个问题…更新了代码并删除了其他帖子谢谢。pdf不会加载到jfiddle中吗？稍后我将直接在我的浏览器中试用。我已经在firefox上试用过这个，现在正在使用jsfiddle.net/7jkmvLL9/6/

    <!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>