javascript - 打印 CSS : How do I open a new tab of the current page and append CSS?

Question

我想编写一个脚本来打开当前页面的新选项卡，同时将特定于打印的 CSS 附加到页眉。到目前为止我的 JS/jQuery:

/*jslint browser: true, devel: true */
/*global jQuery */
/*global $ */
$(document).ready(function () {
  'use strict';
  jQuery('#print').click(function (event) {
    event.preventDefault();
    $('head').append('<link rel="stylesheet" type="text/css" href="print.css">');
    return false;
  });
});

这会在当前选项卡中生成具有正确打印样式的页面。但是，当我使用 window.open("<myCurrentURL>", '_blank');之前$('head').append('<link rel="stylesheet" type="text/css" href="print.css">'); ，打印 CSS 不会附加到新选项卡。

我正在寻找比 Open a new javascript window(.open) along with its CSS styling 更紧凑的解决方案或 window.open Style using css .我如何将此信息传递到新标签页？

Answer 1

/*jslint browser: true, devel: true */
/*global jQuery */
/*global $ */
$(document).ready(function () {
  'use strict';
  jQuery('#print').click(function (event) {
    event.preventDefault();
    var childWindow = window.open("<myCurrentURL>", '_blank');
    $(childWindow.document).find("head").append('<link rel="stylesheet" type="text/css" href="print.css">');
    return false;
  });
});

只是想让你知道这不适用于跨域调用，除非它遵守 CORS。