Question

我正在为客户端设计一个页面，我在div中有一个名为'areaToPrint'的数据库表，我希望以某种方式打印，我希望能够对表格进行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的内容能够填充popuped printer.php中的打印机div。我能够使用像

这样的东西来完成类似的任务

newWin.document.write(divToPrint.outerHTML)

但我希望能够在div中格式化表格。（使用链接调用javascript）

有关javascript错误的任何建议吗？

Answer 1

也许jQuery会对

有所帮助

$(this).parent()
$("someone").css()
$("someone").addClass()

Answer 2

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

e.g。

<html>
    <head>
        <link rel="text/css" media="print" href="css/print.css" />
    </head>
    <body>
        <div id="printer"></div>
    </body>
<html>

使用javascript将父div传递给popup div

2 个答案: