在新选项卡中打开 PDF - JavaScript

在 JavaScript 中，可以使用 window.open() 函数来打开一个新的浏览器选项卡，并且可以通过传递 URL 参数来加载 PDF 文件。

以下是实现打开 PDF 文件的代码：

function openPdfInNewTab(pdfUrl) {
  var win = window.open();
  win.document.write('<iframe src="' + pdfUrl + '" style="width:100%; height:100%;" frameborder="0"></iframe>');
}

以上代码使用了 window.open() 函数创建了一个新的空白选项卡，并将其分配给变量 win。然后，它使用 win.document.write() 函数将包含 PDF 文件的 iframe 插入到新选项卡的 HTML 文档中。

该代码可以通过调用 openPdfInNewTab('pdf-url') 函数来打开 PDF 文件。其中 pdf-url 是 PDF 文件的 URL。

请注意，如果 PDF 文件位于从您的脚本所在的服务器不同的服务器上，则可能会遇到 CORS（跨源资源共享）问题，这将阻止 iframe 从外部服务器加载 PDF 文件。

要解决这个问题，您需要在 PDF 文件所在的服务器上配置 CORS 标头，以允许从其他域加载 PDF 文件。也可以使用代理服务器来转发 PDF 文件，并解决 CORS 问题。

最后，如果您想使打开的 PDF 文件自动下载，而不是在浏览器中打开，可以将 pdfUrl 的末尾添加 ?download=1。例如：

openPdfInNewTab('http://example.com/example.pdf?download=1');

这将提示用户将文件下载到他们的计算机，而不是在浏览器中打开。