如何通过JavaScript/JQuery不打开页面打印指定URL内容？

可以实现，核心思路是通过隐藏的iframe加载目标页面，待页面加载完成后触发iframe内部的打印功能，全程无需跳转当前页面。

具体实现代码 #

HTML结构

<button id="printBtn">打印目标页面</button>
<!-- 用绝对定位移出可视区域，避免部分浏览器对display:none的iframe加载兼容性问题 -->
<iframe id="printIframe" style="position: absolute; top: -9999px; left: -9999px; width: 0; height: 0;"></iframe>

原生JavaScript实现

const printBtn = document.getElementById('printBtn');
const printIframe = document.getElementById('printIframe');

printBtn.addEventListener('click', () => {
  const targetUrl = 'https://google.com'; // 替换为你要打印的目标URL
  printIframe.src = targetUrl;

  // 监听iframe加载完成事件，确保内容加载完毕再打印
  printIframe.onload = () => {
    try {
      // 触发iframe内部页面的打印功能
      printIframe.contentWindow.print();
    } catch (error) {
      console.error('打印失败原因:', error);
      alert('无法打印该页面，大概率是跨域限制导致');
    }
  };
});

jQuery版本（适配你之前的尝试）

$('#printBtn').click(function() {
  const targetUrl = 'https://google.com';
  $('#printIframe').attr('src', targetUrl);

  $('#printIframe').on('load', function() {
    try {
      this.contentWindow.print();
    } catch (err) {
      console.error('打印出错:', err);
      alert('无法打印，可能存在跨域限制');
    }
  });
});

关键注意事项 #

• 跨域限制：如果目标URL和当前页面不同源（比如当前在Facebook，目标是Google），浏览器的同源策略会禁止你访问iframe的contentWindow对象，此时上述方法会失效。解决办法是通过后端代理：让后端服务请求目标页面的内容，然后返回给前端，前端iframe加载后端代理的接口地址（和当前页面同源），就能避开跨域限制。
• 加载状态：必须等iframe完全加载完成后再触发打印，否则可能出现打印空白的情况，所以一定要监听load事件。

内容的提问来源于stack exchange，提问作者pet3r15