Printing a page with out header and footer

by Naresh

HTML

<h1 style="text-align: center;">Test Page</h1>
<button id="print">Print</button>

CSS

@media print {
  #print {
    display: none;
  }

  @page {
    size: A4;
    margin: 0;
    padding: 0;
  }
}

JavaScript

$('#print').on('click', function(){
	window.print();
});