在调用window.print()之前等待html写入窗口

Question

我有这个javascript代码附加一些内容到一个弹出窗口，然后尝试打印它:

$(".print_friendly_popup").click(function() {
    var target = $(this).data('print-target');
    var left = (screen.width/2)-(500/2);
    var top = (screen.height/2)-(500/2);
    var win = window.open("", "test", "width=500,height=500 top=" + top + ", left=" + left);
    if(target == 'review') {
        win.document.write($('#print_friendly_review').html());
    } else if(target == 'essay') {
        win.document.write($('#print_friendly_essay').html());
    }
    win.print();
    win.close();
});

问题是有时调用win.document.write需要太长时间，窗口试图打印一个空白屏幕。我要怎么等窗户呢?打印前要写的文件?

Answer 1

那么这样如何:创建某种"检查器"来查看窗口中是否有内容，例如:

var checkForContent = function () {
  setTimeout(function () {
    var content = win.document.querySelector('body').innerHTML
    if (content.length) {
      win.print()
      win.close()
    } else {
      checkForContent()
    }
  }, 200)
}

这样，您可以在打印之前礼貌地等待内容渲染。

Answer 2

Try

win.onload = function(e){ 
    //..... your codes 
}