Question

我有javascript功能：

<script type="text/javascript">  
function CallPrint(strid) {  
    var prtContent = document.getElementById(strid);  
    var WinPrint = window.open('', '', 'left=0, top=0, width=970, height=500, toolbar=0, scrollbars=0, status=0');  
    WinPrint.document.write(prtContent.innerHTML);  
    WinPrint.document.close();  
    WinPrint.focus();  
    WinPrint.print();  
    WinPrint.close();  
    }  
</script>

并按下按钮：

onClick="javascript:CallPrint('printarea')"

现在正在工作，我可以打印页面的某些部分，但我想添加带有徽标的标题和一些仅在打印页面时显示的联系信息。

Answer 1

使用@media print CSS标记。基本上创建一个样式display:none，而@media print使其可见。

类似的东西：

<style media="screen">
  .onlyPrint{ display: none; }
</style>

<style media="print">
  .onlyPrint{ display: block; }
</style>

您将javascript称为常规，并且取决于再现是在屏幕还是打印机上，CSS将处理带徽标的标题的显示/隐藏

Javascript - 如何在CallPrint函数中添加标题

1 个答案: