Javascript 如何在打印页面设计时保持页面设计新选项卡Jquery？_Javascript_Jquery_Html_Asp.net_Printing

Javascript 如何在打印页面设计时保持页面设计新选项卡Jquery？

javascript jquery html asp.net printing

Javascript 如何在打印页面设计时保持页面设计新选项卡Jquery？,javascript,jquery,html,asp.net,printing,Javascript,Jquery,Html,Asp.net,Printing,我使用这个函数进行打印 function printContent(el,tble,img) { var printcontent = document.getElementById(el).innerHTML +" <div class='row'><span class='glyphicon glyphicon-tasks'></span><b>&

我使用这个函数进行打印

     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();
}

函数printContent（el、tble、img）{
var printcontent=document.getElementById（el）.innerHTML
+" "
+document.getElementById（tble）.innerHTML
+getElementById（img）.innerHTML；
var w=window.open（）；
$（w.document.body）.html（printcontent）；
w、 打印（）；
}

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

请提供帮助

您应该使用页面标题中的链接：

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

请注意媒体属性

编辑：

var bodyContent=document.getElementById（el）.innerHTML
+" "
+document.getElementById（tble）.innerHTML
+getElementById（img）.innerHTML；
var windowHTML='打印页面'+bodyContent+''；
var w=window.open（）；
w、 document.write（windowHTML）；
w、 打印（）；

我想你是说你所有的CSS等都丢失了？将其写入容器元素而不是写入身体怎么样$（#container'）.html（printcontent）；还是我没有正确地理解你？@Seph是的，这是真的，但我如何在打印页面中再次包含它们？我想你没有打印样式表的链接吧？在这种情况下，请看Rodrigo的答案。@Seph抱歉，我不能清楚地理解它，我没有新的页面，它只是这个函数，我应该在哪里调用这个创建新标签的函数中的css链接？我有很多js文件，我的页面中有很多css文件，它调用这个函数打开新标签来打印内容。我应该在哪里链接我所有的css或js文件？我用一个例子编辑了我的文章。看，我正在写整个HTML页面，并在标题中添加链接标记，就像你今天在HTML中可能看到的那样。当我检查新页面的元素时，标题似乎是空的。标题也没有显示吗？您是否使用了与上面相同的代码？是的，但我将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();