HTML 在线 PDF 阅读器源码：使用 <embed> 或 <iframe> 嵌入 PDF 文件

<p>要在 HTML 中实现在线 PDF 阅读，可以使用 '<embed>' 元素或 '<iframe>' 元素来嵌入 PDF 文件。</p>
<p>使用 '<embed>' 元素嵌入 PDF 文件的示例代码如下：</p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;在线 PDF 阅读&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;embed src=&quot;path/to/your/pdf/file.pdf&quot; type=&quot;application/pdf&quot; width=&quot;100%&quot; height=&quot;600px&quot; /&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>在上面的代码中，将 'src' 属性的值设置为你的 PDF 文件的路径。'type' 属性指定了嵌入内容的 MIME 类型，这里是 'application/pdf'。'width' 和 'height' 属性设置了嵌入的 PDF 文件的宽度和高度。</p>
<p>使用 '<iframe>' 元素嵌入 PDF 文件的示例代码如下：</p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;在线 PDF 阅读&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;iframe src=&quot;path/to/your/pdf/file.pdf&quot; width=&quot;100%&quot; height=&quot;600px&quot;&gt;&lt;/iframe&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>上面的代码中，将 'src' 属性的值设置为你的 PDF 文件的路径。'width' 和 'height' 属性设置了嵌入的 PDF 文件的宽度和高度。</p>
<p>需要注意的是，上述代码只能在支持 PDF 格式的浏览器上正确显示 PDF 文件。如果浏览器不支持 PDF 格式，可以考虑使用第三方 JavaScript 库，例如 PDF.js，来实现在线 PDF 阅读功能。</p>