45

我可能在这里遗漏了一些简单的东西,但无论如何我都会问。我已经创建了一个打开 PDF 文件的链接,但是它在当前选项卡中打开,而不是在新选项卡中打开。我应该在 HTML 中使用什么代码来打开一个新选项卡来阅读 PDF 文件。

<div class="footer_box_content">
    <div class="cleaner_h10"></div>
    <p>Many  thanks  to  everyone  who cleared snow and ice during the cold spell in February.
    Should Arctic conditions return, each block has a shovel and a jar of rock salt  to  clear  the  steps. 
    Please click more to read the full newsletter.</p>
    <div class="button_01"><a href="newsletter_01.pdf">Read more</a></div>
</div>
4

10 回答 10

60
<a href="newsletter_01.pdf" target="_blank">Read more</a>

目标 _blank 将强制浏览器在新窗口中打开它

于 2013-06-04T19:02:22.797 回答
54

正如其他人所指出的那样,这可以工作:

<a href="newsletter_01.pdf" target="_blank">Read more</a> 

但没有人指出的是,它不能保证有效

无法强制用户的浏览器在新选项卡中打开 PDF 文件。根据用户的浏览器设置,即使用target="_blank"浏览器可能会有以下反应:

  1. 要求采取行动
  2. 在 Adob​​e Acrobat 中打开它
  3. 只需将文件直接下载到他们的计算机

看看 Firefox 的设置,例如:

在此处输入图像描述

Chrome 也有类似的设置:

在此处输入图像描述

如果用户在遇到 PDF 时在浏览器设置中选择了“保存文件”,则您无法覆盖它。

于 2016-06-12T21:32:32.250 回答
1

像这样更改<a>标签:

<a href="newsletter_01.pdf" target="_blank">

您可以在此处找到有关该target属性的更多信息。

于 2013-06-04T19:02:25.927 回答
1

您必须使用目标属性

<a href="newsletter_01.pdf" target="_blank">
于 2013-06-04T19:02:56.347 回答
1

只需target在您的标签上使用<a>

<a href="newsletter_01.pdf" target="_blank">Read more</a>

target 属性指定打开链接的位置。使用“_blank”将使您的浏览器打开一个新窗口/选项卡。

您还可以通过多种方式使用目标。见http://www.w3schools.com/tags/att_a_target.asp

于 2013-06-04T19:03:18.030 回答
1

单独观察_blank并不能确保文件在新选项卡中打开。文件请求的响应标头应具有Content-Type : application/pdf.

试试这个链接,它将在新选项卡中打开文件,因为服务器提供了所需的标题。

其他文件类型也是如此。例如:视频文件获取请求应该具有适当Content-Typevideo/mp4.

于 2021-07-06T10:45:32.020 回答
0

试试这个,它对我有用。

<td><a href="Docs/Chapter 1_ORG.pdf" target="pdf-frame">Chapter-1 Organizational</a></td>

于 2016-05-19T11:36:57.057 回答
0

在 Chrome 上,这已被证明对我很有效。

<a href="newsletter_01.pdf" target="_new">Read more</a>
于 2019-08-08T11:59:36.903 回答
-3

使用标签中的以下属性在下一个选项卡中打开它

target="_blank"
于 2015-01-06T11:30:31.663 回答
-3

将使用 pdf 查看器在新选项卡中打开您的 pdf,也可以下载

<a className=""
   href="/project_path_to_your_pdf_asset/failename.pdf"
   target="_blank"
>
   View PDF
</a>
于 2020-03-06T17:22:12.737 回答