Javascript Fenster Fußzeile Drucken nur Seitenzahl

Question

in Javascript window.print Funktion, wie Sie die URL in der Fußzeile der Seite entfernen, aber immer noch die Seitennummer? Das ist meine Ergebnisseite. Ich möchte, dass die URL weg ist, aber die Seitennummer bleibt gleich, kann ich das trotzdem erreichen? scheint dieser Code nicht zu funktionieren.

<style type="text/css" media="print"> 
@page { 
    size: landscape; margin:0 0 10mm 0 ;float: none !important; 
} 

a { 
    display: none; 
} 

Answer 1

Leicht können Sie dies erreichen, indem mit Hilfe von CSS. Für diese Antwort verwenden wir nicht @page, was eine reine CSS-Antwort ist, sondern in FireFox 20+ Versionen funktioniert. Hier ist der Link zu einem Beispiel.

Die CSS ist:

#content { 
    display: table; 
} 

#pageFooter { 
    display: table-footer-group; 
} 

#pageFooter:after { 
    counter-increment: page; 
    content: counter(page); 
} 

Und der HTML-Code ist:

<div id="content"> 
    <div id="pageFooter">Page </div> 
    multi-page content here... 
</div> 

So können Sie Ihre Seitenzahl anpassen können Parameter #pageFooter bearbeite.

Mein Beispiel:

#pageFooter:after { 
    counter-increment: page; 
    content:"Page " counter(page); 
    left: 0; 
    top: 100%; 
    white-space: nowrap; 
    z-index: 20px; 
    -moz-border-radius: 5px; 
    -moz-box-shadow: 0px 0px 4px #222; 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); 
    } 

Hoffnung dieser Trick Ihnen helfen.

Für Gesamt Page

können Sie verwenden diese

@page { 
    @bottom-right { 
    content: counter(page) " of " counter(pages); 
    } 
}