如何使用jQuery在新窗口中打开带有.pdf
文件扩展名的所有链接?我需要改变这个:
<a href="domain.com/pdf/parkingmap.pdf">parking map</a>
对此:
<a href="domain.com/pdf/parkingmap.pdf" target="_blank">parking map</a>
如果有帮助,所有文件都在/pdf
文件夹中。
答案 0 :(得分:20)
要实现此目的,您可以选择任何a
元素,其href
属性以.pdf
结尾,并为其添加target="_blank"
属性。试试这个:
$(function() {
$('a[href$=".pdf"]').prop('target', '_blank');
});
答案 1 :(得分:2)
一种方法,假设您希望以pdf
结尾的链接不在同一页面中打开:
$('a').click(
function(e){
e.preventDefault();
if (this.href.split('.').pop() === 'pdf') {
window.open(this.href);
}
else {
window.location = this.href;
}
});
答案 2 :(得分:0)
jQuery one-liner:
$('a[href$=".pdf"]').attr('target','_blank');
同样在vanilla Javascript中:
[].filter.call(document.querySelectorAll('a'), function(a){
return a.href.match('\\.pdf$') ? a.target = '_blank' : 0;
});
或者也许:
var anchors = document.body.getElementsByTagName('a');
for (var i = 0; i < anchors.length; i++) {
if(anchors[i].getAttribute('href').match('\\.pdf$') {
anchors[i].setAttribute('target', '_blank');
}
}
答案 3 :(得分:0)
<a onclick=ViewPdf(test.pdf) href="">
function ViewPdf(FileName) {
var url = '../Home/GetPDF?fileName=' + FileName;
window.open(url, '_blank');
}
现在按如下所示编写ActionResult
public ActionResult GetPDF(string fileName)
{
try
{
byte[] fileData = System.IO.File.ReadAllBytes(Functions.GetConfigValue("CDXFilePath") + fileName);
string resultFileName = String.Format("{0}.pdf", fileName);
Response.AppendHeader("Content-Disposition", "inline; filename=" + resultFileName);
return File(fileData, "application/pdf");
}
catch
{
return File(Server.MapPath("/Content/") + "FileNotFound.html", "text/html");
}
}