1

我正在为客户设计一个页面，我在一个名为“areaToPrint”的 div 中有一个数据库表，我想以某种方式打印它，并且我希望能够对表进行 css 格式。基本思想是使用javascript将'areaToPrint'.innerhtml发送到我的css格式文件printer.php中一个名为'printer'的div。

//我在主/父页面中的脚本

<script>
function printDiv()
{
var divToPrint=document.getElementById('areaToPrint');
var newWin = window.open("printer.php");
newWin.document.getElementById('printer').innerHTML=divToPrint.innerHTML;
newWin.print();
newWin.close();
}
</script>

//Printer.php中的body元素

<body>
<div id="printer"></div>
</body>

我希望areaToPrint 的内容填充弹出的printer.php 中的打印机div。我能够使用类似的东西来完成类似的任务

newWin.document.write(divToPrint.outerHTML)

但我希望能够对 div 内的表格进行 css 格式设置。（通过链接调用 javascript）

关于javascript错误的任何建议？

4

2 回答 2

1

也许jQuery会有所帮助

$(this).parent()
$("someone").css()
$("someone").addClass()
于 2011-07-29T08:24:16.047 回答
0

除非您想使用 JavaScript 动态格式化表格（例如根据交互更改视觉样式），否则最简单的方法是在您的 printer.php 视图模板中包含样式表。

例如

<html>
    <head>
        <link rel="text/css" media="print" href="css/print.css" />
    </head>
    <body>
        <div id="printer"></div>
    </body>
<html>
于 2011-07-29T10:10:35.650 回答