将div发送到单独的页面进行打印

时间:2017-05-19 22:46:44

标签: javascript jquery html css

所以我正在开发一个有很多食谱的网站。我想要一个按钮,将正在显示的任何食谱发送到该页面进行打印。但是,我设置每个页面的方式使这变得复杂。我有一个每种类型的页面,并通过使用div和javascript显示食谱。您从列表中单击一个配方,并调用一个函数,使相应的配方来自“无”#39;阻止'阻止'这是我目前的代码

$('.main').each(function() {
    if(style.display=="block"){
    var divData = $('.card').html();
    window.location.href = "print.html";
    document.write(divData);
    }

});    

如何更改此代码,以便在其显示设置为"阻止"?

的情况下进行调用

1 个答案:

答案 0 :(得分:2)

您应该尝试使用基于活动配方类的打印样式表。

以下是有关打印样式表的更多信息

https://css-tricks.com/print-stylesheet-approaches-blacklist-vs-whitelist/