打印包含Javascript的页面

时间:2013-08-14 10:35:31

标签: javascript

我遇到了很大的问题。 我有一个页面(http://centralsirescoop.com/proven-sires/cairnbrae-jaces-elton/index.php),它使用javascript使绿色条根据旁边表格中的数据调整其长度。一切都很好,但是当我打印页面时,条形图没有显示。

如何使用呈现的javascript打印页面

谢谢。

2 个答案:

答案 0 :(得分:0)

在打印选项中启用背景颜色和图像选项,以便打印这些条形图。

默认情况下,它不会打印背景颜色和图像

答案 1 :(得分:0)

嗨当你停用JavaScript并重新加载页面时,页面看起来就像没有停用javascript一样。那么当你暂时删除除content-div之外的所有内容时,它可能是一个css问题吗?但它只是猜测。

建议一: 打印网站上的所有内容,而不仅仅是div。

建议二: 您可以打开一个新窗口并将div的所有内容放入新窗口。

function openElementPrintWindow(element){
    var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";
    win = open('SIDE-URL','Print Content',strWindowFeatures);
    win.onload = function(){
      win.document.body.innerHTML = element.innerHTML;
      win.print();
    };
}

最重要的部分是SIDE-URL必须引用css适合窗口获取的内容(div)的一侧(代码:win.document.body.innerHTML = ...)。 / p>

希望这有点帮助。