javascript - onclick 打印目标 url

Question

我的发票页面上有一个链接。

该链接指向用于打印发票的打印友好 URL。

问题是，我想“onclick”打印该 URL 的内容。不确定如果不先打开目标网址，这是否可行。是吗？

链接:(第一种方法不起作用，因为它会打印当前 URL)

<li class="print"><a href="https://www.mysite.com.au/pdf/invoice_parse.html?id=<?=$r['invoice'];?>" onClick="window.print();return false">Print Invoice</a></li>

本质上，我想单击链接，打印目标 URL。无需离开页面。有什么建议请留言

Answer 1

当您使用window.print()时，它会打印当前窗口。因此，您可以打开一个 iframe，然后在其中调用 window.print()。

您可能可以通过给它 position:absolute; 来隐藏 iframe 。左:-9999px.

JavaScript

假设这些链接 match on protocol, domain and host .

var printInvoice = function(url) {
    
    var iframe = document.createElement('iframe'),
        iframeDocument;

    iframe.style.postion = 'absolute';
    iframe.style.left = '-9999px';
    iframe.src = url;
    document.body.appendChild(iframe);

    if ('contentWindow' in iframe) {
       iframeDocument = iframe.contentWindow;
    } else {
       iframeDocument = iframe.contentDocument;
    }
    
    var script = iframeDocument.createElement('script');

    script.type = 'text/javascript';

    script.innerHTML = 'window.print();';

    iframeDocument.getElementsByTagName('head')[0].appendChild(script);

}

未经测试，但应该可以工作:)