Jump to a particular page when embedding pdf document in HTML

夙愿已清 提交于 2020-05-13 05:16:32

问题


I am trying to embed pdf file in HTML:

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

According to 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 it is possible to jump to a particular page while opening pdf document. But it doesn't work at least in Safari with AdobePDFViewer.plugin on MAC OS X.

Did I miss something?


回答1:


You can use the following code:

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

You can modify further the pdf file and what you wish to show/hide adding attributes on the data (according the adobe directions).

For example data="mypdffile.pdf#navpanes=0&scrollbar=0&toolbar=0&zoom=100



来源:https://stackoverflow.com/questions/3616673/jump-to-a-particular-page-when-embedding-pdf-document-in-html

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!