将href放入onclick事件中

Question

我有一个页面，其中包含指向多个 PDF 的不同链接。链接是动态创建的，因此我无法直接编辑 HTML。

<a href="https://example.com/presentation-1.pdf" target="_blank">Download</a>
<a href="https://example.com/presentation-2.pdf" target="_blank">Download</a>

我正在尝试在新窗口中打开指向 pdf 的每个链接。 这是我到目前为止得到的：

$("a[href$='.pdf']").attr("onclick", 'https://example.com','popup','width=600,height=600'); return false;");

Answer 1

$(document).on('click', "a[href$='.pdf']", function(e){
    e.preventDefault();
    var href_val = $(this).attr('href');
    window.open(href_val, '', ["width=" + 600,"height=" + 600, 'status=1', 'toolbar=0'].join(','));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://example.com/presentation-1.pdf" target="_blank">Download</a>
<a href="https://example.com/presentation-2.pdf" target="_blank">Download</a>

注意 - 新窗口不会在此处打开，因为请求是在未设置“允许弹出窗口”权限的沙盒框架中发出的。