Question

<html>
    <head>
    <style media="print">
       @page 
    {
        size: auto;  
        margin: 0mm;  
    }   
     </style>

        <title></title>
    </head>
    <body onload="window.print()">
       `<div id="sample" >`  
        <p>Line1</p>
        <p>Line2</p>
        <p>Line3</p>
    </div>
     <input type="button" id="print" value="print" />

     <p class="rh"><i>Miranda v. Arizona</i> in Context</p>
     <h2><i>Miranda v. Arizona</i> in Context</h2>

    </body>
</html>

The Output is added in the image.

从此必须删除网址，页数，日期从页眉和页脚在此先感谢

Answer 1

首先必须打开窗口，然后按其id或类选择要显示的元素（例如，局外人div）。在向后你可能想删除（或隐藏）一些元素，所以选择它们的id或类，删除它们，然后将它写回原始的局外元素进行打印（使用JS函数innerHTML）。最好在javascript函数中执行，然后调用此函数。

换句话说，假设你有上面的html代码。如果你想打印正文，并从打印中删除第一个div（带有id＆＃34; sample＆＃34;），你可以创建并调用以下JS函数：

<script>
  function printing(){
   $(document).ready(function(){   
     var bodyPrint = document.getElementsByTagName("BODY")[0]
     var win = window.open(' ', 'popimpr');

     document.getElementById("sample").remove();//Removes the element from printing

     win.document.write( bodyPrint.innerHTML );//Here's what is going to be printed
     win.document.close();
     win.print();
     win.close();
   });
  }
</script>

window.print（）函数在浏览器页面的页眉和页脚中显示页面url，date，pagecount？如何隐藏？

1 个答案: