Html window.print()函数,在浏览器页面的页眉和页脚中显示页面url、日期、页数?如何隐藏? @页面 { 尺寸:自动; 边缘:0毫米; } ``

Html window.print()函数,在浏览器页面的页眉和页脚中显示页面url、日期、页数?如何隐藏? @页面 { 尺寸:自动; 边缘:0毫米; } ``,html,Html,第1行 第2行 第3行 米兰达五世。背景下的亚利桑那州 米兰达诉。背景下的亚利桑那州 从这必须删除url,页面计数,从页眉和页脚日期 提前谢谢 首先必须打开窗口,然后根据其id或类选择要显示的元素(例如outsider div)。之后,您可能希望删除(或隐藏)某些元素,因此请按其id或类选择它们,删除它们,然后将其写回要打印的原始外部元素(使用JS函数innerHTML)。最好在javascript函数中执行此操作,然后调用此函数 换句话说,假设您有上面的html代码。如果要打印正文,并从打

第1行

第2行

第3行

米兰达五世。背景下的亚利桑那州

米兰达诉。背景下的亚利桑那州

从这必须删除url,页面计数,从页眉和页脚日期 提前谢谢


首先必须打开窗口,然后根据其id或类选择要显示的元素(例如outsider div)。之后,您可能希望删除(或隐藏)某些元素,因此请按其id或类选择它们,删除它们,然后将其写回要打印的原始外部元素(使用JS函数innerHTML)。最好在javascript函数中执行此操作,然后调用此函数

换句话说,假设您有上面的html代码。如果要打印正文,并从打印中删除第一个div(id为“sample”),可以创建并调用以下JS函数:

<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>

函数打印(){
$(文档).ready(函数(){
var bodyPrint=document.getElementsByTagName(“正文”)[0]
var win=window.open(“”,'popinpr');
document.getElementById(“sample”).remove();//从打印中删除元素
win.document.write(bodyPrint.innerHTML);//下面是要打印的内容
win.document.close();
win.print();
win.close();
});
}
<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>