当我打印它新标签时如何保持页面设计 Jquery.

How to keep page design when I print it new tab Jquery?

本文关键字：何保持 Jquery 打印 新标签 标签      更新时间：2023-09-26

我用这个函数打印 

     function printContent(el,tble,img) {         
                var printcontent = document.getElementById(el).innerHTML
                   +" <div class='row'><span class='glyphicon glyphicon-tasks'></span><b></b></div>"
                   + document.getElementById(tble).innerHTML
                   + document.getElementById(img).innerHTML;
                var w = window.open();   
               $(w.document.body).html(printcontent);
                w.print();
}

这对我来说很好用，但问题是它不包含相同的页面设计，打印页面没有设计

请帮忙

您应该在页面头部使用链接：

<link rel="stylesheet" type="text/css" media="print" href="style.css">

请注意媒体属性。

编辑：

var bodyContent = document.getElementById(el).innerHTML
                   +" <div class='row'><span class='glyphicon glyphicon-tasks'></span><b></b></div>"
                   + document.getElementById(tble).innerHTML
                   + document.getElementById(img).innerHTML;
var windowHTML = '<html><head><title>Print page</title><link rel="stylesheet" type="text/css" media="print" href="style.css"></head><body>' + bodyContent + '</body>';
var w = window.open();   
w.document.write(windowHTML);
w.print();
相关文章：