Javascript 如何在没有URL和日期的html中打印,但标题仍在顶部?

Javascript 如何在没有URL和日期的html中打印,但标题仍在顶部?,javascript,html,css,Javascript,Html,Css,这是一个表格,您可以在其中查看特定主题的明细表,其中包含详细信息: 这是我单击“打印”按钮时发生的情况: 这是要打印的按钮 <button onclick="print('to-print')">Print</button> 打印 这是将要打印的内容 <div id="to-print"> <table> <thead> <th>Teacher In-charge</th> &

这是一个表格,您可以在其中查看特定主题的明细表,其中包含详细信息:

这是我单击“打印”按钮时发生的情况:

这是要打印的按钮

<button onclick="print('to-print')">Print</button>
打印
这是将要打印的内容

<div id="to-print"> 
<table> 
  <thead>
     <th>Teacher In-charge</th>
     <th>Time</th>
     <th>Section</th>
     <th>Room</th>
   </thead>
   <tbody>
      <tr>
        <td>John Doe</<td>
        <td>M-W-F / 7:00 - 8:00 am</td>
        <td>A</td> 
        <td>Room 1</td>
      </tr>
   </tbody>
</table>
</div>

班主任
时间
部分
房间
John Doe我使用这个代码

@media print {
    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }

    body 
    {
        background-color:#FFFFFF; 
        border: solid 1px black ;
        margin: 0px;  /* this affects the margin on the content before sending to printer */
   }
}
为我工作

希望对你有所帮助

我使用这个代码

@media print {
    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }

    body 
    {
        background-color:#FFFFFF; 
        border: solid 1px black ;
        margin: 0px;  /* this affects the margin on the content before sending to printer */
   }
}
为我工作


希望能帮助您

打印URL和日期是否为浏览器设置,您不能使用HTML/CSS/JavaScript更改。您所说的“标题”是指日期和CSIT主题登录文本吗?恐怕您无法在页面中删除,只能在浏览器的打印设置中删除;这是一个棘手的问题——你也可以使用Javascript将html转换为PDF,并从PDF打印。(我没有这方面的经验,我主要使用PHP来处理这类事情)我刚刚决定换一种方式,使用@page指令并将标题放在顶部。XDURL和日期是否打印为浏览器设置,您不能使用HTML/CSS/JavaScript更改。您所说的“标题”是指日期和CSIT主题登录文本吗?恐怕您无法在页面中删除,只能在浏览器的打印设置中删除;这是一个棘手的问题——你也可以使用Javascript将html转换为PDF,并从PDF打印。(我没有这方面的经验,我主要使用PHP来处理这类事情)我刚刚决定换一种方式,使用@page指令并将标题放在顶部。除息的
@media print {
    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }

    body 
    {
        background-color:#FFFFFF; 
        border: solid 1px black ;
        margin: 0px;  /* this affects the margin on the content before sending to printer */
   }
}