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

【问题标题】：Jump to a particular page when embedding pdf document in HTML在 HTML 中嵌入 pdf 文档时跳转到特定页面
【发布时间】：2011-04-06 17:04:00
【问题描述】：

我正在尝试在 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 中不起作用。

我错过了什么吗？

【问题讨论】：

标签： html pdf embed

【解决方案1】：

您可以使用以下代码：

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

您可以进一步修改 pdf 文件以及您希望在数据上显示/隐藏添加属性的内容（根据 adobe 说明）。

例如data="mypdffile.pdf#navpanes=0&scrollbar=0&toolbar=0&zoom=100

【讨论】：

很棒的提示！
点击此示例中的链接将打开一个新文档...如何将现有的 pdf (in object tag) 滚动到第 9 页？