How do I print a header on every page using CSS or JavaScript/jQuery

I have a page where there is a lot of text, probably 15 pages, I wan't to be able to ad开发者_StackOverflow中文版d a header at the begining of every page when the user prints the document.

Is this possible with CSS or JavaScript/jQuery????

You can use classic CSS by targeting media using media attribute.

Example:

<link rel="stylesheet" type="text/css" media="all" href="all.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Add your <header></header> in your page, position it with CSS, if you don't want it to be included in a browser do:

header {
  display: none;
}

in your all.css

And in your print.css:

header {
  display: block;
}

Print layouts change depending on the browser, default fonts installed, and any other custom settings used. How would you know where the page divisions are?

Your best bet may be to produce a PDF of your documentation.