2016-09-20 159 views
0

如何在新选项卡上打开PDF,target =“_ blank”本身不起作用,它仍然在同一选项卡中打开PDF。无法在新选项卡上使用target =“_ blank”打开PDF

+0

表明我们需要一些代码 –

+0

无代码,这只是一个技术问题。 – xoxel

+0

要问的一个好问题是[这是一个XY问题](http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem)?那么,您是否希望用户打开PDF并查看它,或者只是在不导航离开页面的情况下访问它?如果是后者,并且您已经选择通过打开新的选项卡/窗口来完成此操作,那么您应该知道,您也可以使用HTML5中的'a'标记的'download'属性。它告诉浏览器,无论你连接什么,都应该下载,而不是打开。因此用户可以获得PDF并留在页面上。 – vlaz

回答

1

方法1:HTML

<a target="_blank" href="http://your_url_here.html">Link</a> 

你可以简单地做到这一点与设置目标= “_空白”为例检查this

Details

方法 - 2:Javascript

<a onclick="openInNewTab('Your URL');">Something To Click On</a> 

function openInNewTab(url) { 
    var win = window.open(url, '_blank'); 
    win.focus(); 
} 
0

你必须知道:“_Blank”在每个浏览器上都不是“新标签”。

要做到这一点,你必须使用JS是这样的:

<a href="..." onclick="javascript:windows.open('link', [options]);">Lnk</a> 

(它可以在任何浏览器中运行, “_blank” 不会)

编辑:当然,这里的“链接“在window.open中将是您的PDF文件存储位置的路径。 (感谢vlaz):是的,它会在任何浏览器上工作,如果JS启用,如果他他不会不会。

+0

好吧,从技术上讲,'onclick'也不一定有效,这取决于浏览器是否启用了JS。无论如何'_blank'都可以工作。 – vlaz

+0

不,_blank不适用于所有浏览器,js会,但正如你所说的“JS应该被启用”。 – xoxel

1

没有你的代码是很难说什么是错的,但做了一个快速测试,这为我工作..

<a target="_BLANK" href="pdf/your_pdf.pdf">YOUR PDF</a> 
+0

不适用于所有浏览器。 – xoxel

相关问题