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