删除html中的页眉和页脚以打印页面

Question

Is there any way to remove header and footer of a html page, so that if user print it, there is no header and footer.

User can choose to remove it using print setup, but i wondering is there any css or javascript to remove it programatically?

thank you for any response.

Answer 1

I do some googling and everybody said: "Can't remove them!" except using ActiveX and 3rd party plugins.

I wonder why some reporting controls (Telerik Reporting, DevX,...) can hide Header & Footer without using ActiveX or plugins! Are they print the page in another ways? What way?

Answer 2

You seem to be referring to the header and footer lines that the browser is adding and not contents of the printed page. In that case the answer is: No, you can only change it in the settings.

Answer 3

You can do like:

   @media print
   {
      .noprint { display: none; }
   }

Now you can apply the noprint class to element you want to hide in printing.