Javascript窗口打印页脚只打印页码

Question

在javascript window.print函数中，如何删除页面页脚中的url但仍包含页码？这是我的结果页面。 我想要的网址不见了，但页码仍然是一样的，无论如何，我可以做到这一点？似乎这个代码不起作用。

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

a { 
    display: none; 
} 

Answer 1

轻松，你可以通过使用CSS实现这一目标。对于这个答案，我们没有使用@page，这是一个纯CSS的答案，但是可以在FireFox 20+版本中使用。这里是一个例子的链接。

的CSS是：

#content { 
    display: table; 
} 

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

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

和HTML代码为：

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

这种方式，您可以通过编辑参数#pageFooter定制您的页码。

我的例子：

#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); 
    } 

希望这一招会帮助你。

总页

您可以使用此

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