javascript - 使用 css 和图片打开新窗口

Question

我正在做一个简单的打印选项，当点击时我调用打印函数。该函数复制了相关的(不是全部)html。

function print() {

var printWindow = window.open("", "Print", "status=no, toolbar=no, scrollbars=yes", "false" );
var toInsert = $("div.book").html();
$(printWindow.document.body).html(toInsert);

}

我遇到的问题是这个新窗口似乎无法引用我的 css 样式表或文件夹中的图片。有任何想法吗？只关注 css 问题，是否可以插入 <link ... />进入新窗口的头部？

谢谢!

Answer 1

function Print() {
    var printWindow = window.open("", "Print", "status=no, toolbar=no, scrollbars=yes", "false" );
    $("link, style, script").each(function() {
       $(printWindow.document.head).append($(this).clone())
    });
    var toInsert = $("div.book").html();
    $(printWindow.document.body).append(toInsert);​
}

DEMO