使用jQuery在新窗口中打开.pdf的任何链接?

时间:2013-01-03 14:05:16

标签: javascript jquery hyperlink

如何使用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文件夹中。

4 个答案:

答案 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');
    }
}

在此处试试:http://codepen.io/gabssnake/pen/KyJxp

答案 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");
            }
        }