在HTML中嵌入PDF文档时跳转到特定页面

6

我正在尝试在HTML中嵌入PDF文件:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
    <title></title>
</head>
<body leftmargin="0" topmargin="0">

<embed src="mypdffile.pdf#page=9" style="width:595px; height:841px;"></embed>
</body>

根据PDF SDK https://docs.google.com/viewer?url=http://www.adobe.com/devnet/acrobat/pdfs/pdf_open_parameters_v9.pdf#search=&embedded=true&chrome=true,在打开PDF文档时跳转到特定页面是可能的。但至少在MAC OS X上使用AdobePDFViewer.plugin的Safari浏览器中无效。我有什么遗漏吗?
3个回答

10
您可以使用以下代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<object type="application/pdf" data="mypdffile.pdf" width="995" height="841" ></object>
<a href="mypdffile.pdf#page=9">Jump to page 9</a>
</body>
</html>

您可以通过在数据上添加属性(根据Adobe的指示)来进一步修改pdf文件以及您希望显示/隐藏的内容。
例如:data =“mypdffile.pdf#navpanes=0&scrollbar=0&toolbar=0&zoom=100”

1
太棒了的提示! - samiles
8
点击此示例中的链接将打开一个新文档... 我如何滚动现有的PDF(在对象标记中)到第9页? - Zarko

0
你可以使用Sotiris指定的相同参数,将其放入对象标签的数据属性中。例如,要在页面5中直接显示嵌入的PDF文件,你需要这样做:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>
    <body>
        <object type="application/pdf" data="mypdffile.pdf#page=5" width="995" height="841" ></object>
            <a href="mypdffile.pdf#page=5">Jump to page 9</a>
    </body>
</html>

我不确定为什么这个回答被踩了。唯一的评论是那个跳转链接毫无意义(就像Sotiris原始回答中一样,因为问题是关于从开头显示特定页面)。 - texnic

0
你说得对,但是使用object而不是embed(参见<embed> vs. <object>的解释):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<object type="application/pdf" 
data="filename.pdf#page=5&navpanes=0&scrollbar=0&view=fit" width="300" height="300" >
</object>
</body>
</html>

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